Adding upstream version 0.10.1.upstream/0.10.1upstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

21 files changed, 10553 insertions, 0 deletions

diff --git a/asset/js/notjQuery.js b/asset/js/notjQuery.js
new file mode 100644
index 0000000..d24cd90
--- /dev/null
+++ b/asset/js/notjQuery.js
@@ -0,0 +1,161 @@
+define(function () {
+
+    "use strict";
+
+    class notjQuery {
+        /**
+         * Create a new notjQuery object
+         *
+         * @param {Element} element
+         */
+        constructor(element) {
+            if (! element) {
+                throw new Error("Can't create a notjQuery object for `" + element + "`");
+            }
+
+            this.element = element;
+        }
+
+        /**
+         * Add an event listener to the element
+         *
+         * @param {string} type
+         * @param {string} selector
+         * @param {function} handler
+         * @param {object} context
+         */
+        on(type, selector, handler, context = null) {
+            if (typeof selector === 'function') {
+                context = handler;
+                handler = selector;
+                selector = null;
+            }
+
+            if (selector === null) {
+                this.element.addEventListener(type, e => {
+                    if (type === 'focusin' && e.target.receivesCustomFocus) {
+                        // Ignore native focus event if a custom one follows
+                        if (e instanceof FocusEvent) {
+                            delete e.target.receivesCustomFocus;
+                            e.stopImmediatePropagation();
+                            return;
+                        }
+                    }
+
+                    if (context === null) {
+                        handler.apply(e.currentTarget, [e]);
+                    } else {
+                        handler.apply(context, [e]);
+                    }
+                });
+            } else {
+                this.element.addEventListener(type, e => {
+                    if (type === 'focusin' && e.target.receivesCustomFocus) {
+                        // Ignore native focus event if a custom one follows
+                        if (e instanceof FocusEvent) {
+                            delete e.target.receivesCustomFocus;
+                            e.stopImmediatePropagation();
+                            return;
+                        }
+                    }
+
+                    Object.defineProperty(e, 'currentTarget', { value: e.currentTarget, writable: true });
+
+                    let currentParent = e.currentTarget.parentNode;
+                    for (let target = e.target; target && target !== currentParent; target = target.parentNode) {
+                        if (target.matches(selector)) {
+                            e.currentTarget = target;
+                            if (context === null) {
+                                handler.apply(target, [e]);
+                            } else {
+                                handler.apply(context, [e]);
+                            }
+
+                            break;
+                        }
+                    }
+                }, false);
+            }
+        }
+
+        /**
+         * Trigger a custom event on the element, asynchronously
+         *
+         * The event will bubble and is not cancelable.
+         *
+         * @param {string} type
+         * @param {{}} detail
+         */
+        trigger(type, detail = null) {
+            setTimeout(() => {
+                this.element.dispatchEvent(new CustomEvent(type, {
+                    cancelable: true, // TODO: this should depend on whether it's a native or custom event
+                    bubbles: true,
+                    detail: detail
+                }));
+            }, 0);
+        }
+
+        /**
+         * Focus the element
+         *
+         * Any other option than `preventScroll` is used as `event.detail`.
+         *
+         * @param {{}} options
+         */
+        focus(options = {}) {
+            let { preventScroll = false, ...data } = options;
+
+            const hasData = Object.keys(data).length > 0;
+            if (hasData) {
+                this.element.receivesCustomFocus = true;
+            }
+
+            // Put separately on the event loop because focus() forces layout.
+            setTimeout(() => this.element.focus({ preventScroll: preventScroll }), 0);
+
+            if (hasData) {
+                this.trigger('focusin', data);
+            }
+        }
+
+        /**
+         * Render the element string as DOM Element
+         *
+         * @param {string} html
+         * @return {Element}
+         */
+        static render(html) {
+            if (typeof html !== 'string') {
+                throw new Error("Can\'t render `" + html + "`");
+            }
+
+            let template = document.createElement('template');
+            template.innerHTML = html;
+            return template.content.firstChild;
+        }
+    }
+
+    /**
+     * Return a notjQuery object for the given element
+     *
+     * @param {Element} element
+     * @return {notjQuery}
+     */
+    let factory = function (element) {
+        return new notjQuery(element);
+    }
+
+    // Define the static methods on the factory
+    for (let name of Object.getOwnPropertyNames(notjQuery)) {
+        if (['length', 'prototype', 'name'].includes(name)) {
+            continue;
+        }
+
+        Object.defineProperty(factory, name, {
+            value: notjQuery[name]
+        });
+    }
+
+    return factory;
+});
diff --git a/asset/js/vendor/Sortable.js b/asset/js/vendor/Sortable.js
new file mode 100644
index 0000000..8949720
--- /dev/null
+++ b/asset/js/vendor/Sortable.js
@@ -0,0 +1,3721 @@
+/**!
+ * Sortable 1.13.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+        typeof define === 'function' && define.icinga ? define(factory) :
+            (global = global || self, global.Sortable = factory());
+}(this, function () { 'use strict';
+
+    function _typeof(obj) {
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            _typeof = function (obj) {
+                return typeof obj;
+            };
+        } else {
+            _typeof = function (obj) {
+                return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+            };
+        }
+
+        return _typeof(obj);
+    }
+
+    function _defineProperty(obj, key, value) {
+        if (key in obj) {
+            Object.defineProperty(obj, key, {
+                value: value,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            obj[key] = value;
+        }
+
+        return obj;
+    }
+
+    function _extends() {
+        _extends = Object.assign || function (target) {
+            for (var i = 1; i < arguments.length; i++) {
+                var source = arguments[i];
+
+                for (var key in source) {
+                    if (Object.prototype.hasOwnProperty.call(source, key)) {
+                        target[key] = source[key];
+                    }
+                }
+            }
+
+            return target;
+        };
+
+        return _extends.apply(this, arguments);
+    }
+
+    function _objectSpread(target) {
+        for (var i = 1; i < arguments.length; i++) {
+            var source = arguments[i] != null ? arguments[i] : {};
+            var ownKeys = Object.keys(source);
+
+            if (typeof Object.getOwnPropertySymbols === 'function') {
+                ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+                    return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+                }));
+            }
+
+            ownKeys.forEach(function (key) {
+                _defineProperty(target, key, source[key]);
+            });
+        }
+
+        return target;
+    }
+
+    function _objectWithoutPropertiesLoose(source, excluded) {
+        if (source == null) return {};
+        var target = {};
+        var sourceKeys = Object.keys(source);
+        var key, i;
+
+        for (i = 0; i < sourceKeys.length; i++) {
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            target[key] = source[key];
+        }
+
+        return target;
+    }
+
+    function _objectWithoutProperties(source, excluded) {
+        if (source == null) return {};
+
+        var target = _objectWithoutPropertiesLoose(source, excluded);
+
+        var key, i;
+
+        if (Object.getOwnPropertySymbols) {
+            var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+            for (i = 0; i < sourceSymbolKeys.length; i++) {
+                key = sourceSymbolKeys[i];
+                if (excluded.indexOf(key) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+                target[key] = source[key];
+            }
+        }
+
+        return target;
+    }
+
+    function _toConsumableArray(arr) {
+        return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    }
+
+    function _arrayWithoutHoles(arr) {
+        if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+            return arr2;
+        }
+    }
+
+    function _iterableToArray(iter) {
+        if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    }
+
+    function _nonIterableSpread() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance");
+    }
+
+    var version = "1.13.0";
+
+    function userAgent(pattern) {
+        if (typeof window !== 'undefined' && window.navigator) {
+            return !!
+                /*@__PURE__*/
+                navigator.userAgent.match(pattern);
+        }
+    }
+
+    var IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
+    var Edge = userAgent(/Edge/i);
+    var FireFox = userAgent(/firefox/i);
+    var Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
+    var IOS = userAgent(/iP(ad|od|hone)/i);
+    var ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
+
+    var captureMode = {
+        capture: false,
+        passive: false
+    };
+
+    function on(el, event, fn) {
+        el.addEventListener(event, fn, !IE11OrLess && captureMode);
+    }
+
+    function off(el, event, fn) {
+        el.removeEventListener(event, fn, !IE11OrLess && captureMode);
+    }
+
+    function matches(
+        /**HTMLElement*/
+        el,
+        /**String*/
+        selector) {
+        if (!selector) return;
+        selector[0] === '>' && (selector = selector.substring(1));
+
+        if (el) {
+            try {
+                if (el.matches) {
+                    return el.matches(selector);
+                } else if (el.msMatchesSelector) {
+                    return el.msMatchesSelector(selector);
+                } else if (el.webkitMatchesSelector) {
+                    return el.webkitMatchesSelector(selector);
+                }
+            } catch (_) {
+                return false;
+            }
+        }
+
+        return false;
+    }
+
+    function getParentOrHost(el) {
+        return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;
+    }
+
+    function closest(
+        /**HTMLElement*/
+        el,
+        /**String*/
+        selector,
+        /**HTMLElement*/
+        ctx, includeCTX) {
+        if (el) {
+            ctx = ctx || document;
+
+            do {
+                if (selector != null && (selector[0] === '>' ? el.parentNode === ctx && matches(el, selector) : matches(el, selector)) || includeCTX && el === ctx) {
+                    return el;
+                }
+
+                if (el === ctx) break;
+                /* jshint boss:true */
+            } while (el = getParentOrHost(el));
+        }
+
+        return null;
+    }
+
+    var R_SPACE = /\s+/g;
+
+    function toggleClass(el, name, state) {
+        if (el && name) {
+            if (el.classList) {
+                el.classList[state ? 'add' : 'remove'](name);
+            } else {
+                var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
+                el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');
+            }
+        }
+    }
+
+    function css(el, prop, val) {
+        var style = el && el.style;
+
+        if (style) {
+            if (val === void 0) {
+                if (document.defaultView && document.defaultView.getComputedStyle) {
+                    val = document.defaultView.getComputedStyle(el, '');
+                } else if (el.currentStyle) {
+                    val = el.currentStyle;
+                }
+
+                return prop === void 0 ? val : val[prop];
+            } else {
+                if (!(prop in style) && prop.indexOf('webkit') === -1) {
+                    prop = '-webkit-' + prop;
+                }
+
+                style[prop] = val + (typeof val === 'string' ? '' : 'px');
+            }
+        }
+    }
+
+    function matrix(el, selfOnly) {
+        var appliedTransforms = '';
+
+        if (typeof el === 'string') {
+            appliedTransforms = el;
+        } else {
+            do {
+                var transform = css(el, 'transform');
+
+                if (transform && transform !== 'none') {
+                    appliedTransforms = transform + ' ' + appliedTransforms;
+                }
+                /* jshint boss:true */
+
+            } while (!selfOnly && (el = el.parentNode));
+        }
+
+        var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+        /*jshint -W056 */
+
+        return matrixFn && new matrixFn(appliedTransforms);
+    }
+
+    function find(ctx, tagName, iterator) {
+        if (ctx) {
+            var list = ctx.getElementsByTagName(tagName),
+                i = 0,
+                n = list.length;
+
+            if (iterator) {
+                for (; i < n; i++) {
+                    iterator(list[i], i);
+                }
+            }
+
+            return list;
+        }
+
+        return [];
+    }
+
+    function getWindowScrollingElement() {
+        var scrollingElement = document.scrollingElement;
+
+        if (scrollingElement) {
+            return scrollingElement;
+        } else {
+            return document.documentElement;
+        }
+    }
+    /**
+     * Returns the "bounding client rect" of given element
+     * @param  {HTMLElement} el                       The element whose boundingClientRect is wanted
+     * @param  {[Boolean]} relativeToContainingBlock  Whether the rect should be relative to the containing block of (including) the container
+     * @param  {[Boolean]} relativeToNonStaticParent  Whether the rect should be relative to the relative parent of (including) the contaienr
+     * @param  {[Boolean]} undoScale                  Whether the container's scale() should be undone
+     * @param  {[HTMLElement]} container              The parent the element will be placed in
+     * @return {Object}                               The boundingClientRect of el, with specified adjustments
+     */
+
+
+    function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
+        if (!el.getBoundingClientRect && el !== window) return;
+        var elRect, top, left, bottom, right, height, width;
+
+        if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
+            elRect = el.getBoundingClientRect();
+            top = elRect.top;
+            left = elRect.left;
+            bottom = elRect.bottom;
+            right = elRect.right;
+            height = elRect.height;
+            width = elRect.width;
+        } else {
+            top = 0;
+            left = 0;
+            bottom = window.innerHeight;
+            right = window.innerWidth;
+            height = window.innerHeight;
+            width = window.innerWidth;
+        }
+
+        if ((relativeToContainingBlock || relativeToNonStaticParent) && el !== window) {
+            // Adjust for translate()
+            container = container || el.parentNode; // solves #1123 (see: https://stackoverflow.com/a/37953806/6088312)
+            // Not needed on <= IE11
+
+            if (!IE11OrLess) {
+                do {
+                    if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {
+                        var containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container
+
+                        top -= containerRect.top + parseInt(css(container, 'border-top-width'));
+                        left -= containerRect.left + parseInt(css(container, 'border-left-width'));
+                        bottom = top + elRect.height;
+                        right = left + elRect.width;
+                        break;
+                    }
+                    /* jshint boss:true */
+
+                } while (container = container.parentNode);
+            }
+        }
+
+        if (undoScale && el !== window) {
+            // Adjust for scale()
+            var elMatrix = matrix(container || el),
+                scaleX = elMatrix && elMatrix.a,
+                scaleY = elMatrix && elMatrix.d;
+
+            if (elMatrix) {
+                top /= scaleY;
+                left /= scaleX;
+                width /= scaleX;
+                height /= scaleY;
+                bottom = top + height;
+                right = left + width;
+            }
+        }
+
+        return {
+            top: top,
+            left: left,
+            bottom: bottom,
+            right: right,
+            width: width,
+            height: height
+        };
+    }
+    /**
+     * Checks if a side of an element is scrolled past a side of its parents
+     * @param  {HTMLElement}  el           The element who's side being scrolled out of view is in question
+     * @param  {String}       elSide       Side of the element in question ('top', 'left', 'right', 'bottom')
+     * @param  {String}       parentSide   Side of the parent in question ('top', 'left', 'right', 'bottom')
+     * @return {HTMLElement}               The parent scroll element that the el's side is scrolled past, or null if there is no such element
+     */
+
+
+    function isScrolledPast(el, elSide, parentSide) {
+        var parent = getParentAutoScrollElement(el, true),
+            elSideVal = getRect(el)[elSide];
+        /* jshint boss:true */
+
+        while (parent) {
+            var parentSideVal = getRect(parent)[parentSide],
+                visible = void 0;
+
+            if (parentSide === 'top' || parentSide === 'left') {
+                visible = elSideVal >= parentSideVal;
+            } else {
+                visible = elSideVal <= parentSideVal;
+            }
+
+            if (!visible) return parent;
+            if (parent === getWindowScrollingElement()) break;
+            parent = getParentAutoScrollElement(parent, false);
+        }
+
+        return false;
+    }
+    /**
+     * Gets nth child of el, ignoring hidden children, sortable's elements (does not ignore clone if it's visible)
+     * and non-draggable elements
+     * @param  {HTMLElement} el       The parent element
+     * @param  {Number} childNum      The index of the child
+     * @param  {Object} options       Parent Sortable's options
+     * @return {HTMLElement}          The child at index childNum, or null if not found
+     */
+
+
+    function getChild(el, childNum, options) {
+        var currentChild = 0,
+            i = 0,
+            children = el.children;
+
+        while (i < children.length) {
+            if (children[i].style.display !== 'none' && children[i] !== Sortable.ghost && children[i] !== Sortable.dragged && closest(children[i], options.draggable, el, false)) {
+                if (currentChild === childNum) {
+                    return children[i];
+                }
+
+                currentChild++;
+            }
+
+            i++;
+        }
+
+        return null;
+    }
+    /**
+     * Gets the last child in the el, ignoring ghostEl or invisible elements (clones)
+     * @param  {HTMLElement} el       Parent element
+     * @param  {selector} selector    Any other elements that should be ignored
+     * @return {HTMLElement}          The last child, ignoring ghostEl
+     */
+
+
+    function lastChild(el, selector) {
+        var last = el.lastElementChild;
+
+        while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {
+            last = last.previousElementSibling;
+        }
+
+        return last || null;
+    }
+    /**
+     * Returns the index of an element within its parent for a selected set of
+     * elements
+     * @param  {HTMLElement} el
+     * @param  {selector} selector
+     * @return {number}
+     */
+
+
+    function index(el, selector) {
+        var index = 0;
+
+        if (!el || !el.parentNode) {
+            return -1;
+        }
+        /* jshint boss:true */
+
+
+        while (el = el.previousElementSibling) {
+            if (el.nodeName.toUpperCase() !== 'TEMPLATE' && el !== Sortable.clone && (!selector || matches(el, selector))) {
+                index++;
+            }
+        }
+
+        return index;
+    }
+    /**
+     * Returns the scroll offset of the given element, added with all the scroll offsets of parent elements.
+     * The value is returned in real pixels.
+     * @param  {HTMLElement} el
+     * @return {Array}             Offsets in the format of [left, top]
+     */
+
+
+    function getRelativeScrollOffset(el) {
+        var offsetLeft = 0,
+            offsetTop = 0,
+            winScroller = getWindowScrollingElement();
+
+        if (el) {
+            do {
+                var elMatrix = matrix(el),
+                    scaleX = elMatrix.a,
+                    scaleY = elMatrix.d;
+                offsetLeft += el.scrollLeft * scaleX;
+                offsetTop += el.scrollTop * scaleY;
+            } while (el !== winScroller && (el = el.parentNode));
+        }
+
+        return [offsetLeft, offsetTop];
+    }
+    /**
+     * Returns the index of the object within the given array
+     * @param  {Array} arr   Array that may or may not hold the object
+     * @param  {Object} obj  An object that has a key-value pair unique to and identical to a key-value pair in the object you want to find
+     * @return {Number}      The index of the object in the array, or -1
+     */
+
+
+    function indexOfObject(arr, obj) {
+        for (var i in arr) {
+            if (!arr.hasOwnProperty(i)) continue;
+
+            for (var key in obj) {
+                if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
+            }
+        }
+
+        return -1;
+    }
+
+    function getParentAutoScrollElement(el, includeSelf) {
+        // skip to window
+        if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
+        var elem = el;
+        var gotSelf = false;
+
+        do {
+            // we don't need to get elem css if it isn't even overflowing in the first place (performance)
+            if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
+                var elemCSS = css(elem);
+
+                if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
+                    if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
+                    if (gotSelf || includeSelf) return elem;
+                    gotSelf = true;
+                }
+            }
+            /* jshint boss:true */
+
+        } while (elem = elem.parentNode);
+
+        return getWindowScrollingElement();
+    }
+
+    function extend(dst, src) {
+        if (dst && src) {
+            for (var key in src) {
+                if (src.hasOwnProperty(key)) {
+                    dst[key] = src[key];
+                }
+            }
+        }
+
+        return dst;
+    }
+
+    function isRectEqual(rect1, rect2) {
+        return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
+    }
+
+    var _throttleTimeout;
+
+    function throttle(callback, ms) {
+        return function () {
+            if (!_throttleTimeout) {
+                var args = arguments,
+                    _this = this;
+
+                if (args.length === 1) {
+                    callback.call(_this, args[0]);
+                } else {
+                    callback.apply(_this, args);
+                }
+
+                _throttleTimeout = setTimeout(function () {
+                    _throttleTimeout = void 0;
+                }, ms);
+            }
+        };
+    }
+
+    function cancelThrottle() {
+        clearTimeout(_throttleTimeout);
+        _throttleTimeout = void 0;
+    }
+
+    function scrollBy(el, x, y) {
+        el.scrollLeft += x;
+        el.scrollTop += y;
+    }
+
+    function clone(el) {
+        var Polymer = window.Polymer;
+        var $ = window.jQuery || window.Zepto;
+
+        if (Polymer && Polymer.dom) {
+            return Polymer.dom(el).cloneNode(true);
+        } else if ($) {
+            return $(el).clone(true)[0];
+        } else {
+            return el.cloneNode(true);
+        }
+    }
+
+    function setRect(el, rect) {
+        css(el, 'position', 'absolute');
+        css(el, 'top', rect.top);
+        css(el, 'left', rect.left);
+        css(el, 'width', rect.width);
+        css(el, 'height', rect.height);
+    }
+
+    function unsetRect(el) {
+        css(el, 'position', '');
+        css(el, 'top', '');
+        css(el, 'left', '');
+        css(el, 'width', '');
+        css(el, 'height', '');
+    }
+
+    var expando = 'Sortable' + new Date().getTime();
+
+    function AnimationStateManager() {
+        var animationStates = [],
+            animationCallbackId;
+        return {
+            captureAnimationState: function captureAnimationState() {
+                animationStates = [];
+                if (!this.options.animation) return;
+                var children = [].slice.call(this.el.children);
+                children.forEach(function (child) {
+                    if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
+                    animationStates.push({
+                        target: child,
+                        rect: getRect(child)
+                    });
+
+                    var fromRect = _objectSpread({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation
+
+
+                    if (child.thisAnimationDuration) {
+                        var childMatrix = matrix(child, true);
+
+                        if (childMatrix) {
+                            fromRect.top -= childMatrix.f;
+                            fromRect.left -= childMatrix.e;
+                        }
+                    }
+
+                    child.fromRect = fromRect;
+                });
+            },
+            addAnimationState: function addAnimationState(state) {
+                animationStates.push(state);
+            },
+            removeAnimationState: function removeAnimationState(target) {
+                animationStates.splice(indexOfObject(animationStates, {
+                    target: target
+                }), 1);
+            },
+            animateAll: function animateAll(callback) {
+                var _this = this;
+
+                if (!this.options.animation) {
+                    clearTimeout(animationCallbackId);
+                    if (typeof callback === 'function') callback();
+                    return;
+                }
+
+                var animating = false,
+                    animationTime = 0;
+                animationStates.forEach(function (state) {
+                    var time = 0,
+                        target = state.target,
+                        fromRect = target.fromRect,
+                        toRect = getRect(target),
+                        prevFromRect = target.prevFromRect,
+                        prevToRect = target.prevToRect,
+                        animatingRect = state.rect,
+                        targetMatrix = matrix(target, true);
+
+                    if (targetMatrix) {
+                        // Compensate for current animation
+                        toRect.top -= targetMatrix.f;
+                        toRect.left -= targetMatrix.e;
+                    }
+
+                    target.toRect = toRect;
+
+                    if (target.thisAnimationDuration) {
+                        // Could also check if animatingRect is between fromRect and toRect
+                        if (isRectEqual(prevFromRect, toRect) && !isRectEqual(fromRect, toRect) && // Make sure animatingRect is on line between toRect & fromRect
+                            (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) {
+                            // If returning to same place as started from animation and on same axis
+                            time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options);
+                        }
+                    } // if fromRect != toRect: animate
+
+
+                    if (!isRectEqual(toRect, fromRect)) {
+                        target.prevFromRect = fromRect;
+                        target.prevToRect = toRect;
+
+                        if (!time) {
+                            time = _this.options.animation;
+                        }
+
+                        _this.animate(target, animatingRect, toRect, time);
+                    }
+
+                    if (time) {
+                        animating = true;
+                        animationTime = Math.max(animationTime, time);
+                        clearTimeout(target.animationResetTimer);
+                        target.animationResetTimer = setTimeout(function () {
+                            target.animationTime = 0;
+                            target.prevFromRect = null;
+                            target.fromRect = null;
+                            target.prevToRect = null;
+                            target.thisAnimationDuration = null;
+                        }, time);
+                        target.thisAnimationDuration = time;
+                    }
+                });
+                clearTimeout(animationCallbackId);
+
+                if (!animating) {
+                    if (typeof callback === 'function') callback();
+                } else {
+                    animationCallbackId = setTimeout(function () {
+                        if (typeof callback === 'function') callback();
+                    }, animationTime);
+                }
+
+                animationStates = [];
+            },
+            animate: function animate(target, currentRect, toRect, duration) {
+                if (duration) {
+                    css(target, 'transition', '');
+                    css(target, 'transform', '');
+                    var elMatrix = matrix(this.el),
+                        scaleX = elMatrix && elMatrix.a,
+                        scaleY = elMatrix && elMatrix.d,
+                        translateX = (currentRect.left - toRect.left) / (scaleX || 1),
+                        translateY = (currentRect.top - toRect.top) / (scaleY || 1);
+                    target.animatingX = !!translateX;
+                    target.animatingY = !!translateY;
+                    css(target, 'transform', 'translate3d(' + translateX + 'px,' + translateY + 'px,0)');
+                    this.forRepaintDummy = repaint(target); // repaint
+
+                    css(target, 'transition', 'transform ' + duration + 'ms' + (this.options.easing ? ' ' + this.options.easing : ''));
+                    css(target, 'transform', 'translate3d(0,0,0)');
+                    typeof target.animated === 'number' && clearTimeout(target.animated);
+                    target.animated = setTimeout(function () {
+                        css(target, 'transition', '');
+                        css(target, 'transform', '');
+                        target.animated = false;
+                        target.animatingX = false;
+                        target.animatingY = false;
+                    }, duration);
+                }
+            }
+        };
+    }
+
+    function repaint(target) {
+        return target.offsetWidth;
+    }
+
+    function calculateRealTime(animatingRect, fromRect, toRect, options) {
+        return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
+    }
+
+    var plugins = [];
+    var defaults = {
+        initializeByDefault: true
+    };
+    var PluginManager = {
+        mount: function mount(plugin) {
+            // Set default static properties
+            for (var option in defaults) {
+                if (defaults.hasOwnProperty(option) && !(option in plugin)) {
+                    plugin[option] = defaults[option];
+                }
+            }
+
+            plugins.forEach(function (p) {
+                if (p.pluginName === plugin.pluginName) {
+                    throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
+                }
+            });
+            plugins.push(plugin);
+        },
+        pluginEvent: function pluginEvent(eventName, sortable, evt) {
+            var _this = this;
+
+            this.eventCanceled = false;
+
+            evt.cancel = function () {
+                _this.eventCanceled = true;
+            };
+
+            var eventNameGlobal = eventName + 'Global';
+            plugins.forEach(function (plugin) {
+                if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable
+
+                if (sortable[plugin.pluginName][eventNameGlobal]) {
+                    sortable[plugin.pluginName][eventNameGlobal](_objectSpread({
+                        sortable: sortable
+                    }, evt));
+                } // Only fire plugin event if plugin is enabled in this sortable,
+                // and plugin has event defined
+
+
+                if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
+                    sortable[plugin.pluginName][eventName](_objectSpread({
+                        sortable: sortable
+                    }, evt));
+                }
+            });
+        },
+        initializePlugins: function initializePlugins(sortable, el, defaults, options) {
+            plugins.forEach(function (plugin) {
+                var pluginName = plugin.pluginName;
+                if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
+                var initialized = new plugin(sortable, el, sortable.options);
+                initialized.sortable = sortable;
+                initialized.options = sortable.options;
+                sortable[pluginName] = initialized; // Add default options from plugin
+
+                _extends(defaults, initialized.defaults);
+            });
+
+            for (var option in sortable.options) {
+                if (!sortable.options.hasOwnProperty(option)) continue;
+                var modified = this.modifyOption(sortable, option, sortable.options[option]);
+
+                if (typeof modified !== 'undefined') {
+                    sortable.options[option] = modified;
+                }
+            }
+        },
+        getEventProperties: function getEventProperties(name, sortable) {
+            var eventProperties = {};
+            plugins.forEach(function (plugin) {
+                if (typeof plugin.eventProperties !== 'function') return;
+
+                _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
+            });
+            return eventProperties;
+        },
+        modifyOption: function modifyOption(sortable, name, value) {
+            var modifiedValue;
+            plugins.forEach(function (plugin) {
+                // Plugin must exist on the Sortable
+                if (!sortable[plugin.pluginName]) return; // If static option listener exists for this option, call in the context of the Sortable's instance of this plugin
+
+                if (plugin.optionListeners && typeof plugin.optionListeners[name] === 'function') {
+                    modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value);
+                }
+            });
+            return modifiedValue;
+        }
+    };
+
+    function dispatchEvent(_ref) {
+        var sortable = _ref.sortable,
+            rootEl = _ref.rootEl,
+            name = _ref.name,
+            targetEl = _ref.targetEl,
+            cloneEl = _ref.cloneEl,
+            toEl = _ref.toEl,
+            fromEl = _ref.fromEl,
+            oldIndex = _ref.oldIndex,
+            newIndex = _ref.newIndex,
+            oldDraggableIndex = _ref.oldDraggableIndex,
+            newDraggableIndex = _ref.newDraggableIndex,
+            originalEvent = _ref.originalEvent,
+            putSortable = _ref.putSortable,
+            extraEventProperties = _ref.extraEventProperties;
+        sortable = sortable || rootEl && rootEl[expando];
+        if (!sortable) return;
+        var evt,
+            options = sortable.options,
+            onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature
+
+        if (window.CustomEvent && !IE11OrLess && !Edge) {
+            evt = new CustomEvent(name, {
+                bubbles: true,
+                cancelable: true
+            });
+        } else {
+            evt = document.createEvent('Event');
+            evt.initEvent(name, true, true);
+        }
+
+        evt.to = toEl || rootEl;
+        evt.from = fromEl || rootEl;
+        evt.item = targetEl || rootEl;
+        evt.clone = cloneEl;
+        evt.oldIndex = oldIndex;
+        evt.newIndex = newIndex;
+        evt.oldDraggableIndex = oldDraggableIndex;
+        evt.newDraggableIndex = newDraggableIndex;
+        evt.originalEvent = originalEvent;
+        evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
+
+        var allEventProperties = _objectSpread({}, extraEventProperties, PluginManager.getEventProperties(name, sortable));
+
+        for (var option in allEventProperties) {
+            evt[option] = allEventProperties[option];
+        }
+
+        if (rootEl) {
+            rootEl.dispatchEvent(evt);
+        }
+
+        if (options[onName]) {
+            options[onName].call(sortable, evt);
+        }
+    }
+
+    var pluginEvent = function pluginEvent(eventName, sortable) {
+        var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+            originalEvent = _ref.evt,
+            data = _objectWithoutProperties(_ref, ["evt"]);
+
+        PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread({
+            dragEl: dragEl,
+            parentEl: parentEl,
+            ghostEl: ghostEl,
+            rootEl: rootEl,
+            nextEl: nextEl,
+            lastDownEl: lastDownEl,
+            cloneEl: cloneEl,
+            cloneHidden: cloneHidden,
+            dragStarted: moved,
+            putSortable: putSortable,
+            activeSortable: Sortable.active,
+            originalEvent: originalEvent,
+            oldIndex: oldIndex,
+            oldDraggableIndex: oldDraggableIndex,
+            newIndex: newIndex,
+            newDraggableIndex: newDraggableIndex,
+            hideGhostForTarget: _hideGhostForTarget,
+            unhideGhostForTarget: _unhideGhostForTarget,
+            cloneNowHidden: function cloneNowHidden() {
+                cloneHidden = true;
+            },
+            cloneNowShown: function cloneNowShown() {
+                cloneHidden = false;
+            },
+            dispatchSortableEvent: function dispatchSortableEvent(name) {
+                _dispatchEvent({
+                    sortable: sortable,
+                    name: name,
+                    originalEvent: originalEvent
+                });
+            }
+        }, data));
+    };
+
+    function _dispatchEvent(info) {
+        dispatchEvent(_objectSpread({
+            putSortable: putSortable,
+            cloneEl: cloneEl,
+            targetEl: dragEl,
+            rootEl: rootEl,
+            oldIndex: oldIndex,
+            oldDraggableIndex: oldDraggableIndex,
+            newIndex: newIndex,
+            newDraggableIndex: newDraggableIndex
+        }, info));
+    }
+
+    var dragEl,
+        parentEl,
+        ghostEl,
+        rootEl,
+        nextEl,
+        lastDownEl,
+        cloneEl,
+        cloneHidden,
+        oldIndex,
+        newIndex,
+        oldDraggableIndex,
+        newDraggableIndex,
+        activeGroup,
+        putSortable,
+        awaitingDragStarted = false,
+        ignoreNextClick = false,
+        sortables = [],
+        tapEvt,
+        touchEvt,
+        lastDx,
+        lastDy,
+        tapDistanceLeft,
+        tapDistanceTop,
+        moved,
+        lastTarget,
+        lastDirection,
+        pastFirstInvertThresh = false,
+        isCircumstantialInvert = false,
+        targetMoveDistance,
+        // For positioning ghost absolutely
+        ghostRelativeParent,
+        ghostRelativeParentInitialScroll = [],
+        // (left, top)
+        _silent = false,
+        savedInputChecked = [];
+    /** @const */
+
+    var documentExists = typeof document !== 'undefined',
+        PositionGhostAbsolutely = IOS,
+        CSSFloatProperty = Edge || IE11OrLess ? 'cssFloat' : 'float',
+        // This will not pass for IE9, because IE9 DnD only works on anchors
+        supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
+        supportCssPointerEvents = function () {
+            if (!documentExists) return; // false when <= IE11
+
+            if (IE11OrLess) {
+                return false;
+            }
+
+            var el = document.createElement('x');
+            el.style.cssText = 'pointer-events:auto';
+            return el.style.pointerEvents === 'auto';
+        }(),
+        _detectDirection = function _detectDirection(el, options) {
+            var elCSS = css(el),
+                elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),
+                child1 = getChild(el, 0, options),
+                child2 = getChild(el, 1, options),
+                firstChildCSS = child1 && css(child1),
+                secondChildCSS = child2 && css(child2),
+                firstChildWidth = firstChildCSS && parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width,
+                secondChildWidth = secondChildCSS && parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width;
+
+            if (elCSS.display === 'flex') {
+                return elCSS.flexDirection === 'column' || elCSS.flexDirection === 'column-reverse' ? 'vertical' : 'horizontal';
+            }
+
+            if (elCSS.display === 'grid') {
+                return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
+            }
+
+            if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
+                var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
+                return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
+            }
+
+            return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';
+        },
+        _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
+            var dragElS1Opp = vertical ? dragRect.left : dragRect.top,
+                dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,
+                dragElOppLength = vertical ? dragRect.width : dragRect.height,
+                targetS1Opp = vertical ? targetRect.left : targetRect.top,
+                targetS2Opp = vertical ? targetRect.right : targetRect.bottom,
+                targetOppLength = vertical ? targetRect.width : targetRect.height;
+            return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;
+        },
+
+        /**
+         * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.
+         * @param  {Number} x      X position
+         * @param  {Number} y      Y position
+         * @return {HTMLElement}   Element of the first found nearest Sortable
+         */
+        _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
+            var ret;
+            sortables.some(function (sortable) {
+                if (lastChild(sortable)) return;
+                var rect = getRect(sortable),
+                    threshold = sortable[expando].options.emptyInsertThreshold,
+                    insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
+                    insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
+
+                if (threshold && insideHorizontally && insideVertically) {
+                    return ret = sortable;
+                }
+            });
+            return ret;
+        },
+        _prepareGroup = function _prepareGroup(options) {
+            function toFn(value, pull) {
+                return function (to, from, dragEl, evt) {
+                    var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
+
+                    if (value == null && (pull || sameGroup)) {
+                        // Default pull value
+                        // Default pull and put value if same group
+                        return true;
+                    } else if (value == null || value === false) {
+                        return false;
+                    } else if (pull && value === 'clone') {
+                        return value;
+                    } else if (typeof value === 'function') {
+                        return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
+                    } else {
+                        var otherGroup = (pull ? to : from).options.group.name;
+                        return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
+                    }
+                };
+            }
+
+            var group = {};
+            var originalGroup = options.group;
+
+            if (!originalGroup || _typeof(originalGroup) != 'object') {
+                originalGroup = {
+                    name: originalGroup
+                };
+            }
+
+            group.name = originalGroup.name;
+            group.checkPull = toFn(originalGroup.pull, true);
+            group.checkPut = toFn(originalGroup.put);
+            group.revertClone = originalGroup.revertClone;
+            options.group = group;
+        },
+        _hideGhostForTarget = function _hideGhostForTarget() {
+            if (!supportCssPointerEvents && ghostEl) {
+                css(ghostEl, 'display', 'none');
+            }
+        },
+        _unhideGhostForTarget = function _unhideGhostForTarget() {
+            if (!supportCssPointerEvents && ghostEl) {
+                css(ghostEl, 'display', '');
+            }
+        }; // #1184 fix - Prevent click event on fallback if dragged but item not changed position
+
+
+    if (documentExists) {
+        document.addEventListener('click', function (evt) {
+            if (ignoreNextClick) {
+                evt.preventDefault();
+                evt.stopPropagation && evt.stopPropagation();
+                evt.stopImmediatePropagation && evt.stopImmediatePropagation();
+                ignoreNextClick = false;
+                return false;
+            }
+        }, true);
+    }
+
+    var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
+        if (dragEl) {
+            evt = evt.touches ? evt.touches[0] : evt;
+
+            var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
+
+            if (nearest) {
+                // Create imitation event
+                var event = {};
+
+                for (var i in evt) {
+                    if (evt.hasOwnProperty(i)) {
+                        event[i] = evt[i];
+                    }
+                }
+
+                event.target = event.rootEl = nearest;
+                event.preventDefault = void 0;
+                event.stopPropagation = void 0;
+
+                nearest[expando]._onDragOver(event);
+            }
+        }
+    };
+
+    var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
+        if (dragEl) {
+            dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
+        }
+    };
+    /**
+     * @class  Sortable
+     * @param  {HTMLElement}  el
+     * @param  {Object}       [options]
+     */
+
+
+    function Sortable(el, options) {
+        if (!(el && el.nodeType && el.nodeType === 1)) {
+            throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
+        }
+
+        this.el = el; // root element
+
+        this.options = options = _extends({}, options); // Export instance
+
+        el[expando] = this;
+        var defaults = {
+            group: null,
+            sort: true,
+            disabled: false,
+            store: null,
+            handle: null,
+            draggable: /^[uo]l$/i.test(el.nodeName) ? '>li' : '>*',
+            swapThreshold: 1,
+            // percentage; 0 <= x <= 1
+            invertSwap: false,
+            // invert always
+            invertedSwapThreshold: null,
+            // will be set to same as swapThreshold if default
+            removeCloneOnHide: true,
+            direction: function direction() {
+                return _detectDirection(el, this.options);
+            },
+            ghostClass: 'sortable-ghost',
+            chosenClass: 'sortable-chosen',
+            dragClass: 'sortable-drag',
+            ignore: 'a, img',
+            filter: null,
+            preventOnFilter: true,
+            animation: 0,
+            easing: null,
+            setData: function setData(dataTransfer, dragEl) {
+                dataTransfer.setData('Text', dragEl.textContent);
+            },
+            dropBubble: false,
+            dragoverBubble: false,
+            dataIdAttr: 'data-id',
+            delay: 0,
+            delayOnTouchOnly: false,
+            touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+            forceFallback: false,
+            fallbackClass: 'sortable-fallback',
+            fallbackOnBody: false,
+            fallbackTolerance: 0,
+            fallbackOffset: {
+                x: 0,
+                y: 0
+            },
+            supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && !Safari,
+            emptyInsertThreshold: 5
+        };
+        PluginManager.initializePlugins(this, el, defaults); // Set default options
+
+        for (var name in defaults) {
+            !(name in options) && (options[name] = defaults[name]);
+        }
+
+        _prepareGroup(options); // Bind all private methods
+
+
+        for (var fn in this) {
+            if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
+                this[fn] = this[fn].bind(this);
+            }
+        } // Setup drag mode
+
+
+        this.nativeDraggable = options.forceFallback ? false : supportDraggable;
+
+        if (this.nativeDraggable) {
+            // Touch start threshold cannot be greater than the native dragstart threshold
+            this.options.touchStartThreshold = 1;
+        } // Bind events
+
+
+        if (options.supportPointer) {
+            on(el, 'pointerdown', this._onTapStart);
+        } else {
+            on(el, 'mousedown', this._onTapStart);
+            on(el, 'touchstart', this._onTapStart);
+        }
+
+        if (this.nativeDraggable) {
+            on(el, 'dragover', this);
+            on(el, 'dragenter', this);
+        }
+
+        sortables.push(this.el); // Restore sorting
+
+        options.store && options.store.get && this.sort(options.store.get(this) || []); // Add animation state manager
+
+        _extends(this, AnimationStateManager());
+    }
+
+    Sortable.prototype =
+        /** @lends Sortable.prototype */
+        {
+            constructor: Sortable,
+            _isOutsideThisEl: function _isOutsideThisEl(target) {
+                if (!this.el.contains(target) && target !== this.el) {
+                    lastTarget = null;
+                }
+            },
+            _getDirection: function _getDirection(evt, target) {
+                return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
+            },
+            _onTapStart: function _onTapStart(
+                /** Event|TouchEvent */
+                evt) {
+                if (!evt.cancelable) return;
+
+                var _this = this,
+                    el = this.el,
+                    options = this.options,
+                    preventOnFilter = options.preventOnFilter,
+                    type = evt.type,
+                    touch = evt.touches && evt.touches[0] || evt.pointerType && evt.pointerType === 'touch' && evt,
+                    target = (touch || evt).target,
+                    originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0] || evt.composedPath && evt.composedPath()[0]) || target,
+                    filter = options.filter;
+
+                _saveInputCheckedState(el); // Don't trigger start event when an element is been dragged, otherwise the evt.oldindex always wrong when set option.group.
+
+
+                if (dragEl) {
+                    return;
+                }
+
+                if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) {
+                    return; // only left button and enabled
+                } // cancel dnd if original target is content editable
+
+
+                if (originalTarget.isContentEditable) {
+                    return;
+                } // Safari ignores further event handling after mousedown
+
+
+                if (!this.nativeDraggable && Safari && target && target.tagName.toUpperCase() === 'SELECT') {
+                    return;
+                }
+
+                target = closest(target, options.draggable, el, false);
+
+                if (target && target.animated) {
+                    return;
+                }
+
+                if (lastDownEl === target) {
+                    // Ignoring duplicate `down`
+                    return;
+                } // Get the index of the dragged element within its parent
+
+
+                oldIndex = index(target);
+                oldDraggableIndex = index(target, options.draggable); // Check filter
+
+                if (typeof filter === 'function') {
+                    if (filter.call(this, evt, target, this)) {
+                        _dispatchEvent({
+                            sortable: _this,
+                            rootEl: originalTarget,
+                            name: 'filter',
+                            targetEl: target,
+                            toEl: el,
+                            fromEl: el
+                        });
+
+                        pluginEvent('filter', _this, {
+                            evt: evt
+                        });
+                        preventOnFilter && evt.cancelable && evt.preventDefault();
+                        return; // cancel dnd
+                    }
+                } else if (filter) {
+                    filter = filter.split(',').some(function (criteria) {
+                        criteria = closest(originalTarget, criteria.trim(), el, false);
+
+                        if (criteria) {
+                            _dispatchEvent({
+                                sortable: _this,
+                                rootEl: criteria,
+                                name: 'filter',
+                                targetEl: target,
+                                fromEl: el,
+                                toEl: el
+                            });
+
+                            pluginEvent('filter', _this, {
+                                evt: evt
+                            });
+                            return true;
+                        }
+                    });
+
+                    if (filter) {
+                        preventOnFilter && evt.cancelable && evt.preventDefault();
+                        return; // cancel dnd
+                    }
+                }
+
+                if (options.handle && !closest(originalTarget, options.handle, el, false)) {
+                    return;
+                } // Prepare `dragstart`
+
+
+                this._prepareDragStart(evt, touch, target);
+            },
+            _prepareDragStart: function _prepareDragStart(
+                /** Event */
+                evt,
+                /** Touch */
+                touch,
+                /** HTMLElement */
+                target) {
+                var _this = this,
+                    el = _this.el,
+                    options = _this.options,
+                    ownerDocument = el.ownerDocument,
+                    dragStartFn;
+
+                if (target && !dragEl && target.parentNode === el) {
+                    var dragRect = getRect(target);
+                    rootEl = el;
+                    dragEl = target;
+                    parentEl = dragEl.parentNode;
+                    nextEl = dragEl.nextSibling;
+                    lastDownEl = target;
+                    activeGroup = options.group;
+                    Sortable.dragged = dragEl;
+                    tapEvt = {
+                        target: dragEl,
+                        clientX: (touch || evt).clientX,
+                        clientY: (touch || evt).clientY
+                    };
+                    tapDistanceLeft = tapEvt.clientX - dragRect.left;
+                    tapDistanceTop = tapEvt.clientY - dragRect.top;
+                    this._lastX = (touch || evt).clientX;
+                    this._lastY = (touch || evt).clientY;
+                    dragEl.style['will-change'] = 'all';
+
+                    dragStartFn = function dragStartFn() {
+                        pluginEvent('delayEnded', _this, {
+                            evt: evt
+                        });
+
+                        if (Sortable.eventCanceled) {
+                            _this._onDrop();
+
+                            return;
+                        } // Delayed drag has been triggered
+                        // we can re-enable the events: touchmove/mousemove
+
+
+                        _this._disableDelayedDragEvents();
+
+                        if (!FireFox && _this.nativeDraggable) {
+                            dragEl.draggable = true;
+                        } // Bind the events: dragstart/dragend
+
+
+                        _this._triggerDragStart(evt, touch); // Drag start event
+
+
+                        _dispatchEvent({
+                            sortable: _this,
+                            name: 'choose',
+                            originalEvent: evt
+                        }); // Chosen item
+
+
+                        toggleClass(dragEl, options.chosenClass, true);
+                    }; // Disable "draggable"
+
+
+                    options.ignore.split(',').forEach(function (criteria) {
+                        find(dragEl, criteria.trim(), _disableDraggable);
+                    });
+                    on(ownerDocument, 'dragover', nearestEmptyInsertDetectEvent);
+                    on(ownerDocument, 'mousemove', nearestEmptyInsertDetectEvent);
+                    on(ownerDocument, 'touchmove', nearestEmptyInsertDetectEvent);
+                    on(ownerDocument, 'mouseup', _this._onDrop);
+                    on(ownerDocument, 'touchend', _this._onDrop);
+                    on(ownerDocument, 'touchcancel', _this._onDrop); // Make dragEl draggable (must be before delay for FireFox)
+
+                    if (FireFox && this.nativeDraggable) {
+                        this.options.touchStartThreshold = 4;
+                        dragEl.draggable = true;
+                    }
+
+                    pluginEvent('delayStart', this, {
+                        evt: evt
+                    }); // Delay is impossible for native DnD in Edge or IE
+
+                    if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
+                        if (Sortable.eventCanceled) {
+                            this._onDrop();
+
+                            return;
+                        } // If the user moves the pointer or let go the click or touch
+                        // before the delay has been reached:
+                        // disable the delayed drag
+
+
+                        on(ownerDocument, 'mouseup', _this._disableDelayedDrag);
+                        on(ownerDocument, 'touchend', _this._disableDelayedDrag);
+                        on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);
+                        on(ownerDocument, 'mousemove', _this._delayedDragTouchMoveHandler);
+                        on(ownerDocument, 'touchmove', _this._delayedDragTouchMoveHandler);
+                        options.supportPointer && on(ownerDocument, 'pointermove', _this._delayedDragTouchMoveHandler);
+                        _this._dragStartTimer = setTimeout(dragStartFn, options.delay);
+                    } else {
+                        dragStartFn();
+                    }
+                }
+            },
+            _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(
+                /** TouchEvent|PointerEvent **/
+                e) {
+                var touch = e.touches ? e.touches[0] : e;
+
+                if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {
+                    this._disableDelayedDrag();
+                }
+            },
+            _disableDelayedDrag: function _disableDelayedDrag() {
+                dragEl && _disableDraggable(dragEl);
+                clearTimeout(this._dragStartTimer);
+
+                this._disableDelayedDragEvents();
+            },
+            _disableDelayedDragEvents: function _disableDelayedDragEvents() {
+                var ownerDocument = this.el.ownerDocument;
+                off(ownerDocument, 'mouseup', this._disableDelayedDrag);
+                off(ownerDocument, 'touchend', this._disableDelayedDrag);
+                off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
+                off(ownerDocument, 'mousemove', this._delayedDragTouchMoveHandler);
+                off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
+                off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
+            },
+            _triggerDragStart: function _triggerDragStart(
+                /** Event */
+                evt,
+                /** Touch */
+                touch) {
+                touch = touch || evt.pointerType == 'touch' && evt;
+
+                if (!this.nativeDraggable || touch) {
+                    if (this.options.supportPointer) {
+                        on(document, 'pointermove', this._onTouchMove);
+                    } else if (touch) {
+                        on(document, 'touchmove', this._onTouchMove);
+                    } else {
+                        on(document, 'mousemove', this._onTouchMove);
+                    }
+                } else {
+                    on(dragEl, 'dragend', this);
+                    on(rootEl, 'dragstart', this._onDragStart);
+                }
+
+                try {
+                    if (document.selection) {
+                        // Timeout neccessary for IE9
+                        _nextTick(function () {
+                            document.selection.empty();
+                        });
+                    } else {
+                        window.getSelection().removeAllRanges();
+                    }
+                } catch (err) {}
+            },
+            _dragStarted: function _dragStarted(fallback, evt) {
+
+                awaitingDragStarted = false;
+
+                if (rootEl && dragEl) {
+                    pluginEvent('dragStarted', this, {
+                        evt: evt
+                    });
+
+                    if (this.nativeDraggable) {
+                        on(document, 'dragover', _checkOutsideTargetEl);
+                    }
+
+                    var options = this.options; // Apply effect
+
+                    !fallback && toggleClass(dragEl, options.dragClass, false);
+                    toggleClass(dragEl, options.ghostClass, true);
+                    Sortable.active = this;
+                    fallback && this._appendGhost(); // Drag start event
+
+                    _dispatchEvent({
+                        sortable: this,
+                        name: 'start',
+                        originalEvent: evt
+                    });
+                } else {
+                    this._nulling();
+                }
+            },
+            _emulateDragOver: function _emulateDragOver() {
+                if (touchEvt) {
+                    this._lastX = touchEvt.clientX;
+                    this._lastY = touchEvt.clientY;
+
+                    _hideGhostForTarget();
+
+                    var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+                    var parent = target;
+
+                    while (target && target.shadowRoot) {
+                        target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
+                        if (target === parent) break;
+                        parent = target;
+                    }
+
+                    dragEl.parentNode[expando]._isOutsideThisEl(target);
+
+                    if (parent) {
+                        do {
+                            if (parent[expando]) {
+                                var inserted = void 0;
+                                inserted = parent[expando]._onDragOver({
+                                    clientX: touchEvt.clientX,
+                                    clientY: touchEvt.clientY,
+                                    target: target,
+                                    rootEl: parent
+                                });
+
+                                if (inserted && !this.options.dragoverBubble) {
+                                    break;
+                                }
+                            }
+
+                            target = parent; // store last element
+                        }
+                            /* jshint boss:true */
+                        while (parent = parent.parentNode);
+                    }
+
+                    _unhideGhostForTarget();
+                }
+            },
+            _onTouchMove: function _onTouchMove(
+                /**TouchEvent*/
+                evt) {
+                if (tapEvt) {
+                    var options = this.options,
+                        fallbackTolerance = options.fallbackTolerance,
+                        fallbackOffset = options.fallbackOffset,
+                        touch = evt.touches ? evt.touches[0] : evt,
+                        ghostMatrix = ghostEl && matrix(ghostEl, true),
+                        scaleX = ghostEl && ghostMatrix && ghostMatrix.a,
+                        scaleY = ghostEl && ghostMatrix && ghostMatrix.d,
+                        relativeScrollOffset = PositionGhostAbsolutely && ghostRelativeParent && getRelativeScrollOffset(ghostRelativeParent),
+                        dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1),
+                        dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1); // only set the status to dragging, when we are actually dragging
+
+                    if (!Sortable.active && !awaitingDragStarted) {
+                        if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) {
+                            return;
+                        }
+
+                        this._onDragStart(evt, true);
+                    }
+
+                    if (ghostEl) {
+                        if (ghostMatrix) {
+                            ghostMatrix.e += dx - (lastDx || 0);
+                            ghostMatrix.f += dy - (lastDy || 0);
+                        } else {
+                            ghostMatrix = {
+                                a: 1,
+                                b: 0,
+                                c: 0,
+                                d: 1,
+                                e: dx,
+                                f: dy
+                            };
+                        }
+
+                        var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
+                        css(ghostEl, 'webkitTransform', cssMatrix);
+                        css(ghostEl, 'mozTransform', cssMatrix);
+                        css(ghostEl, 'msTransform', cssMatrix);
+                        css(ghostEl, 'transform', cssMatrix);
+                        lastDx = dx;
+                        lastDy = dy;
+                        touchEvt = touch;
+                    }
+
+                    evt.cancelable && evt.preventDefault();
+                }
+            },
+            _appendGhost: function _appendGhost() {
+                // Bug if using scale(): https://stackoverflow.com/questions/2637058
+                // Not being adjusted for
+                if (!ghostEl) {
+                    var container = this.options.fallbackOnBody ? document.body : rootEl,
+                        rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
+                        options = this.options; // Position absolutely
+
+                    if (PositionGhostAbsolutely) {
+                        // Get relatively positioned parent
+                        ghostRelativeParent = container;
+
+                        while (css(ghostRelativeParent, 'position') === 'static' && css(ghostRelativeParent, 'transform') === 'none' && ghostRelativeParent !== document) {
+                            ghostRelativeParent = ghostRelativeParent.parentNode;
+                        }
+
+                        if (ghostRelativeParent !== document.body && ghostRelativeParent !== document.documentElement) {
+                            if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement();
+                            rect.top += ghostRelativeParent.scrollTop;
+                            rect.left += ghostRelativeParent.scrollLeft;
+                        } else {
+                            ghostRelativeParent = getWindowScrollingElement();
+                        }
+
+                        ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent);
+                    }
+
+                    ghostEl = dragEl.cloneNode(true);
+                    toggleClass(ghostEl, options.ghostClass, false);
+                    toggleClass(ghostEl, options.fallbackClass, true);
+                    toggleClass(ghostEl, options.dragClass, true);
+                    css(ghostEl, 'transition', '');
+                    css(ghostEl, 'transform', '');
+                    css(ghostEl, 'box-sizing', 'border-box');
+                    css(ghostEl, 'margin', 0);
+                    css(ghostEl, 'top', rect.top);
+                    css(ghostEl, 'left', rect.left);
+                    css(ghostEl, 'width', rect.width);
+                    css(ghostEl, 'height', rect.height);
+                    css(ghostEl, 'opacity', '0.8');
+                    css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');
+                    css(ghostEl, 'zIndex', '100000');
+                    css(ghostEl, 'pointerEvents', 'none');
+                    Sortable.ghost = ghostEl;
+                    container.appendChild(ghostEl); // Set transform-origin
+
+                    css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
+                }
+            },
+            _onDragStart: function _onDragStart(
+                /**Event*/
+                evt,
+                /**boolean*/
+                fallback) {
+                var _this = this;
+
+                var dataTransfer = evt.dataTransfer;
+                var options = _this.options;
+                pluginEvent('dragStart', this, {
+                    evt: evt
+                });
+
+                if (Sortable.eventCanceled) {
+                    this._onDrop();
+
+                    return;
+                }
+
+                pluginEvent('setupClone', this);
+
+                if (!Sortable.eventCanceled) {
+                    cloneEl = clone(dragEl);
+                    cloneEl.draggable = false;
+                    cloneEl.style['will-change'] = '';
+
+                    this._hideClone();
+
+                    toggleClass(cloneEl, this.options.chosenClass, false);
+                    Sortable.clone = cloneEl;
+                } // #1143: IFrame support workaround
+
+
+                _this.cloneId = _nextTick(function () {
+                    pluginEvent('clone', _this);
+                    if (Sortable.eventCanceled) return;
+
+                    if (!_this.options.removeCloneOnHide) {
+                        rootEl.insertBefore(cloneEl, dragEl);
+                    }
+
+                    _this._hideClone();
+
+                    _dispatchEvent({
+                        sortable: _this,
+                        name: 'clone'
+                    });
+                });
+                !fallback && toggleClass(dragEl, options.dragClass, true); // Set proper drop events
+
+                if (fallback) {
+                    ignoreNextClick = true;
+                    _this._loopId = setInterval(_this._emulateDragOver, 50);
+                } else {
+                    // Undo what was set in _prepareDragStart before drag started
+                    off(document, 'mouseup', _this._onDrop);
+                    off(document, 'touchend', _this._onDrop);
+                    off(document, 'touchcancel', _this._onDrop);
+
+                    if (dataTransfer) {
+                        dataTransfer.effectAllowed = 'move';
+                        options.setData && options.setData.call(_this, dataTransfer, dragEl);
+                    }
+
+                    on(document, 'drop', _this); // #1276 fix:
+
+                    css(dragEl, 'transform', 'translateZ(0)');
+                }
+
+                awaitingDragStarted = true;
+                _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));
+                on(document, 'selectstart', _this);
+                moved = true;
+
+                if (Safari) {
+                    css(document.body, 'user-select', 'none');
+                }
+            },
+            // Returns true - if no further action is needed (either inserted or another condition)
+            _onDragOver: function _onDragOver(
+                /**Event*/
+                evt) {
+                var el = this.el,
+                    target = evt.target,
+                    dragRect,
+                    targetRect,
+                    revert,
+                    options = this.options,
+                    group = options.group,
+                    activeSortable = Sortable.active,
+                    isOwner = activeGroup === group,
+                    canSort = options.sort,
+                    fromSortable = putSortable || activeSortable,
+                    vertical,
+                    _this = this,
+                    completedFired = false;
+
+                if (_silent) return;
+
+                function dragOverEvent(name, extra) {
+                    pluginEvent(name, _this, _objectSpread({
+                        evt: evt,
+                        isOwner: isOwner,
+                        axis: vertical ? 'vertical' : 'horizontal',
+                        revert: revert,
+                        dragRect: dragRect,
+                        targetRect: targetRect,
+                        canSort: canSort,
+                        fromSortable: fromSortable,
+                        target: target,
+                        completed: completed,
+                        onMove: function onMove(target, after) {
+                            return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
+                        },
+                        changed: changed
+                    }, extra));
+                } // Capture animation state
+
+
+                function capture() {
+                    dragOverEvent('dragOverAnimationCapture');
+
+                    _this.captureAnimationState();
+
+                    if (_this !== fromSortable) {
+                        fromSortable.captureAnimationState();
+                    }
+                } // Return invocation when dragEl is inserted (or completed)
+
+
+                function completed(insertion) {
+                    dragOverEvent('dragOverCompleted', {
+                        insertion: insertion
+                    });
+
+                    if (insertion) {
+                        // Clones must be hidden before folding animation to capture dragRectAbsolute properly
+                        if (isOwner) {
+                            activeSortable._hideClone();
+                        } else {
+                            activeSortable._showClone(_this);
+                        }
+
+                        if (_this !== fromSortable) {
+                            // Set ghost class to new sortable's ghost class
+                            toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false);
+                            toggleClass(dragEl, options.ghostClass, true);
+                        }
+
+                        if (putSortable !== _this && _this !== Sortable.active) {
+                            putSortable = _this;
+                        } else if (_this === Sortable.active && putSortable) {
+                            putSortable = null;
+                        } // Animation
+
+
+                        if (fromSortable === _this) {
+                            _this._ignoreWhileAnimating = target;
+                        }
+
+                        _this.animateAll(function () {
+                            dragOverEvent('dragOverAnimationComplete');
+                            _this._ignoreWhileAnimating = null;
+                        });
+
+                        if (_this !== fromSortable) {
+                            fromSortable.animateAll();
+                            fromSortable._ignoreWhileAnimating = null;
+                        }
+                    } // Null lastTarget if it is not inside a previously swapped element
+
+
+                    if (target === dragEl && !dragEl.animated || target === el && !target.animated) {
+                        lastTarget = null;
+                    } // no bubbling and not fallback
+
+
+                    if (!options.dragoverBubble && !evt.rootEl && target !== document) {
+                        dragEl.parentNode[expando]._isOutsideThisEl(evt.target); // Do not detect for empty insert if already inserted
+
+
+                        !insertion && nearestEmptyInsertDetectEvent(evt);
+                    }
+
+                    !options.dragoverBubble && evt.stopPropagation && evt.stopPropagation();
+                    return completedFired = true;
+                } // Call when dragEl has been inserted
+
+
+                function changed() {
+                    newIndex = index(dragEl);
+                    newDraggableIndex = index(dragEl, options.draggable);
+
+                    _dispatchEvent({
+                        sortable: _this,
+                        name: 'change',
+                        toEl: el,
+                        newIndex: newIndex,
+                        newDraggableIndex: newDraggableIndex,
+                        originalEvent: evt
+                    });
+                }
+
+                if (evt.preventDefault !== void 0) {
+                    evt.cancelable && evt.preventDefault();
+                }
+
+                target = closest(target, options.draggable, el, true);
+                dragOverEvent('dragOver');
+                if (Sortable.eventCanceled) return completedFired;
+
+                if (dragEl.contains(evt.target) || target.animated && target.animatingX && target.animatingY || _this._ignoreWhileAnimating === target) {
+                    return completed(false);
+                }
+
+                ignoreNextClick = false;
+
+                if (activeSortable && !options.disabled && (isOwner ? canSort || (revert = !rootEl.contains(dragEl)) // Reverting item into the original list
+                    : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && group.checkPut(this, activeSortable, dragEl, evt))) {
+                    vertical = this._getDirection(evt, target) === 'vertical';
+                    dragRect = getRect(dragEl);
+                    dragOverEvent('dragOverValid');
+                    if (Sortable.eventCanceled) return completedFired;
+
+                    if (revert) {
+                        parentEl = rootEl; // actualization
+
+                        capture();
+
+                        this._hideClone();
+
+                        dragOverEvent('revert');
+
+                        if (!Sortable.eventCanceled) {
+                            if (nextEl) {
+                                rootEl.insertBefore(dragEl, nextEl);
+                            } else {
+                                rootEl.appendChild(dragEl);
+                            }
+                        }
+
+                        return completed(true);
+                    }
+
+                    var elLastChild = lastChild(el, options.draggable);
+
+                    if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
+                        // If already at end of list: Do not insert
+                        if (elLastChild === dragEl) {
+                            return completed(false);
+                        } // assign target only if condition is true
+
+
+                        if (elLastChild && el === evt.target) {
+                            target = elLastChild;
+                        }
+
+                        if (target) {
+                            targetRect = getRect(target);
+                        }
+
+                        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
+                            capture();
+                            el.appendChild(dragEl);
+                            parentEl = el; // actualization
+
+                            changed();
+                            return completed(true);
+                        }
+                    } else if (target.parentNode === el) {
+                        targetRect = getRect(target);
+                        var direction = 0,
+                            targetBeforeFirstSwap,
+                            differentLevel = dragEl.parentNode !== el,
+                            differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
+                            side1 = vertical ? 'top' : 'left',
+                            scrolledPastTop = isScrolledPast(target, 'top', 'top') || isScrolledPast(dragEl, 'top', 'top'),
+                            scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0;
+
+                        if (lastTarget !== target) {
+                            targetBeforeFirstSwap = targetRect[side1];
+                            pastFirstInvertThresh = false;
+                            isCircumstantialInvert = !differentRowCol && options.invertSwap || differentLevel;
+                        }
+
+                        direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
+                        var sibling;
+
+                        if (direction !== 0) {
+                            // Check if target is beside dragEl in respective direction (ignoring hidden elements)
+                            var dragIndex = index(dragEl);
+
+                            do {
+                                dragIndex -= direction;
+                                sibling = parentEl.children[dragIndex];
+                            } while (sibling && (css(sibling, 'display') === 'none' || sibling === ghostEl));
+                        } // If dragEl is already beside target: Do not insert
+
+
+                        if (direction === 0 || sibling === target) {
+                            return completed(false);
+                        }
+
+                        lastTarget = target;
+                        lastDirection = direction;
+                        var nextSibling = target.nextElementSibling,
+                            after = false;
+                        after = direction === 1;
+
+                        var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
+
+                        if (moveVector !== false) {
+                            if (moveVector === 1 || moveVector === -1) {
+                                after = moveVector === 1;
+                            }
+
+                            _silent = true;
+                            setTimeout(_unsilent, 30);
+                            capture();
+
+                            if (after && !nextSibling) {
+                                el.appendChild(dragEl);
+                            } else {
+                                target.parentNode.insertBefore(dragEl, after ? nextSibling : target);
+                            } // Undo chrome's scroll adjustment (has no effect on other browsers)
+
+
+                            if (scrolledPastTop) {
+                                scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop);
+                            }
+
+                            parentEl = dragEl.parentNode; // actualization
+                            // must be done before animation
+
+                            if (targetBeforeFirstSwap !== undefined && !isCircumstantialInvert) {
+                                targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]);
+                            }
+
+                            changed();
+                            return completed(true);
+                        }
+                    }
+
+                    if (el.contains(dragEl)) {
+                        return completed(false);
+                    }
+                }
+
+                return false;
+            },
+            _ignoreWhileAnimating: null,
+            _offMoveEvents: function _offMoveEvents() {
+                off(document, 'mousemove', this._onTouchMove);
+                off(document, 'touchmove', this._onTouchMove);
+                off(document, 'pointermove', this._onTouchMove);
+                off(document, 'dragover', nearestEmptyInsertDetectEvent);
+                off(document, 'mousemove', nearestEmptyInsertDetectEvent);
+                off(document, 'touchmove', nearestEmptyInsertDetectEvent);
+            },
+            _offUpEvents: function _offUpEvents() {
+                var ownerDocument = this.el.ownerDocument;
+                off(ownerDocument, 'mouseup', this._onDrop);
+                off(ownerDocument, 'touchend', this._onDrop);
+                off(ownerDocument, 'pointerup', this._onDrop);
+                off(ownerDocument, 'touchcancel', this._onDrop);
+                off(document, 'selectstart', this);
+            },
+            _onDrop: function _onDrop(
+                /**Event*/
+                evt) {
+                var el = this.el,
+                    options = this.options; // Get the index of the dragged element within its parent
+
+                newIndex = index(dragEl);
+                newDraggableIndex = index(dragEl, options.draggable);
+                pluginEvent('drop', this, {
+                    evt: evt
+                });
+                parentEl = dragEl && dragEl.parentNode; // Get again after plugin event
+
+                newIndex = index(dragEl);
+                newDraggableIndex = index(dragEl, options.draggable);
+
+                if (Sortable.eventCanceled) {
+                    this._nulling();
+
+                    return;
+                }
+
+                awaitingDragStarted = false;
+                isCircumstantialInvert = false;
+                pastFirstInvertThresh = false;
+                clearInterval(this._loopId);
+                clearTimeout(this._dragStartTimer);
+
+                _cancelNextTick(this.cloneId);
+
+                _cancelNextTick(this._dragStartId); // Unbind events
+
+
+                if (this.nativeDraggable) {
+                    off(document, 'drop', this);
+                    off(el, 'dragstart', this._onDragStart);
+                }
+
+                this._offMoveEvents();
+
+                this._offUpEvents();
+
+                if (Safari) {
+                    css(document.body, 'user-select', '');
+                }
+
+                css(dragEl, 'transform', '');
+
+                if (evt) {
+                    if (moved) {
+                        evt.cancelable && evt.preventDefault();
+                        !options.dropBubble && evt.stopPropagation();
+                    }
+
+                    ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl);
+
+                    if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
+                        // Remove clone(s)
+                        cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl);
+                    }
+
+                    if (dragEl) {
+                        if (this.nativeDraggable) {
+                            off(dragEl, 'dragend', this);
+                        }
+
+                        _disableDraggable(dragEl);
+
+                        dragEl.style['will-change'] = ''; // Remove classes
+                        // ghostClass is added in dragStarted
+
+                        if (moved && !awaitingDragStarted) {
+                            toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false);
+                        }
+
+                        toggleClass(dragEl, this.options.chosenClass, false); // Drag stop event
+
+                        _dispatchEvent({
+                            sortable: this,
+                            name: 'unchoose',
+                            toEl: parentEl,
+                            newIndex: null,
+                            newDraggableIndex: null,
+                            originalEvent: evt
+                        });
+
+                        if (rootEl !== parentEl) {
+                            if (newIndex >= 0) {
+                                // Add event
+                                _dispatchEvent({
+                                    rootEl: parentEl,
+                                    name: 'add',
+                                    toEl: parentEl,
+                                    fromEl: rootEl,
+                                    originalEvent: evt
+                                }); // Remove event
+
+
+                                _dispatchEvent({
+                                    sortable: this,
+                                    name: 'remove',
+                                    toEl: parentEl,
+                                    originalEvent: evt
+                                }); // drag from one list and drop into another
+
+
+                                _dispatchEvent({
+                                    rootEl: parentEl,
+                                    name: 'sort',
+                                    toEl: parentEl,
+                                    fromEl: rootEl,
+                                    originalEvent: evt
+                                });
+
+                                _dispatchEvent({
+                                    sortable: this,
+                                    name: 'sort',
+                                    toEl: parentEl,
+                                    originalEvent: evt
+                                });
+                            }
+
+                            putSortable && putSortable.save();
+                        } else {
+                            if (newIndex !== oldIndex) {
+                                if (newIndex >= 0) {
+                                    // drag & drop within the same list
+                                    _dispatchEvent({
+                                        sortable: this,
+                                        name: 'update',
+                                        toEl: parentEl,
+                                        originalEvent: evt
+                                    });
+
+                                    _dispatchEvent({
+                                        sortable: this,
+                                        name: 'sort',
+                                        toEl: parentEl,
+                                        originalEvent: evt
+                                    });
+                                }
+                            }
+                        }
+
+                        if (Sortable.active) {
+                            /* jshint eqnull:true */
+                            if (newIndex == null || newIndex === -1) {
+                                newIndex = oldIndex;
+                                newDraggableIndex = oldDraggableIndex;
+                            }
+
+                            _dispatchEvent({
+                                sortable: this,
+                                name: 'end',
+                                toEl: parentEl,
+                                originalEvent: evt
+                            }); // Save sorting
+
+
+                            this.save();
+                        }
+                    }
+                }
+
+                this._nulling();
+            },
+            _nulling: function _nulling() {
+                pluginEvent('nulling', this);
+                rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
+                savedInputChecked.forEach(function (el) {
+                    el.checked = true;
+                });
+                savedInputChecked.length = lastDx = lastDy = 0;
+            },
+            handleEvent: function handleEvent(
+                /**Event*/
+                evt) {
+                switch (evt.type) {
+                    case 'drop':
+                    case 'dragend':
+                        this._onDrop(evt);
+
+                        break;
+
+                    case 'dragenter':
+                    case 'dragover':
+                        if (dragEl) {
+                            this._onDragOver(evt);
+
+                            _globalDragOver(evt);
+                        }
+
+                        break;
+
+                    case 'selectstart':
+                        evt.preventDefault();
+                        break;
+                }
+            },
+
+            /**
+             * Serializes the item into an array of string.
+             * @returns {String[]}
+             */
+            toArray: function toArray() {
+                var order = [],
+                    el,
+                    children = this.el.children,
+                    i = 0,
+                    n = children.length,
+                    options = this.options;
+
+                for (; i < n; i++) {
+                    el = children[i];
+
+                    if (closest(el, options.draggable, this.el, false)) {
+                        order.push(el.getAttribute(options.dataIdAttr) || _generateId(el));
+                    }
+                }
+
+                return order;
+            },
+
+            /**
+             * Sorts the elements according to the array.
+             * @param  {String[]}  order  order of the items
+             */
+            sort: function sort(order, useAnimation) {
+                var items = {},
+                    rootEl = this.el;
+                this.toArray().forEach(function (id, i) {
+                    var el = rootEl.children[i];
+
+                    if (closest(el, this.options.draggable, rootEl, false)) {
+                        items[id] = el;
+                    }
+                }, this);
+                useAnimation && this.captureAnimationState();
+                order.forEach(function (id) {
+                    if (items[id]) {
+                        rootEl.removeChild(items[id]);
+                        rootEl.appendChild(items[id]);
+                    }
+                });
+                useAnimation && this.animateAll();
+            },
+
+            /**
+             * Save the current sorting
+             */
+            save: function save() {
+                var store = this.options.store;
+                store && store.set && store.set(this);
+            },
+
+            /**
+             * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+             * @param   {HTMLElement}  el
+             * @param   {String}       [selector]  default: `options.draggable`
+             * @returns {HTMLElement|null}
+             */
+            closest: function closest$1(el, selector) {
+                return closest(el, selector || this.options.draggable, this.el, false);
+            },
+
+            /**
+             * Set/get option
+             * @param   {string} name
+             * @param   {*}      [value]
+             * @returns {*}
+             */
+            option: function option(name, value) {
+                var options = this.options;
+
+                if (value === void 0) {
+                    return options[name];
+                } else {
+                    var modifiedValue = PluginManager.modifyOption(this, name, value);
+
+                    if (typeof modifiedValue !== 'undefined') {
+                        options[name] = modifiedValue;
+                    } else {
+                        options[name] = value;
+                    }
+
+                    if (name === 'group') {
+                        _prepareGroup(options);
+                    }
+                }
+            },
+
+            /**
+             * Destroy
+             */
+            destroy: function destroy() {
+                pluginEvent('destroy', this);
+                var el = this.el;
+                el[expando] = null;
+                off(el, 'mousedown', this._onTapStart);
+                off(el, 'touchstart', this._onTapStart);
+                off(el, 'pointerdown', this._onTapStart);
+
+                if (this.nativeDraggable) {
+                    off(el, 'dragover', this);
+                    off(el, 'dragenter', this);
+                } // Remove draggable attributes
+
+
+                Array.prototype.forEach.call(el.querySelectorAll('[draggable]'), function (el) {
+                    el.removeAttribute('draggable');
+                });
+
+                this._onDrop();
+
+                this._disableDelayedDragEvents();
+
+                sortables.splice(sortables.indexOf(this.el), 1);
+                this.el = el = null;
+            },
+            _hideClone: function _hideClone() {
+                if (!cloneHidden) {
+                    pluginEvent('hideClone', this);
+                    if (Sortable.eventCanceled) return;
+                    css(cloneEl, 'display', 'none');
+
+                    if (this.options.removeCloneOnHide && cloneEl.parentNode) {
+                        cloneEl.parentNode.removeChild(cloneEl);
+                    }
+
+                    cloneHidden = true;
+                }
+            },
+            _showClone: function _showClone(putSortable) {
+                if (putSortable.lastPutMode !== 'clone') {
+                    this._hideClone();
+
+                    return;
+                }
+
+                if (cloneHidden) {
+                    pluginEvent('showClone', this);
+                    if (Sortable.eventCanceled) return; // show clone at dragEl or original position
+
+                    if (dragEl.parentNode == rootEl && !this.options.group.revertClone) {
+                        rootEl.insertBefore(cloneEl, dragEl);
+                    } else if (nextEl) {
+                        rootEl.insertBefore(cloneEl, nextEl);
+                    } else {
+                        rootEl.appendChild(cloneEl);
+                    }
+
+                    if (this.options.group.revertClone) {
+                        this.animate(dragEl, cloneEl);
+                    }
+
+                    css(cloneEl, 'display', '');
+                    cloneHidden = false;
+                }
+            }
+        };
+
+    function _globalDragOver(
+        /**Event*/
+        evt) {
+        if (evt.dataTransfer) {
+            evt.dataTransfer.dropEffect = 'move';
+        }
+
+        evt.cancelable && evt.preventDefault();
+    }
+
+    function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
+        var evt,
+            sortable = fromEl[expando],
+            onMoveFn = sortable.options.onMove,
+            retVal; // Support for new CustomEvent feature
+
+        if (window.CustomEvent && !IE11OrLess && !Edge) {
+            evt = new CustomEvent('move', {
+                bubbles: true,
+                cancelable: true
+            });
+        } else {
+            evt = document.createEvent('Event');
+            evt.initEvent('move', true, true);
+        }
+
+        evt.to = toEl;
+        evt.from = fromEl;
+        evt.dragged = dragEl;
+        evt.draggedRect = dragRect;
+        evt.related = targetEl || toEl;
+        evt.relatedRect = targetRect || getRect(toEl);
+        evt.willInsertAfter = willInsertAfter;
+        evt.originalEvent = originalEvent;
+        fromEl.dispatchEvent(evt);
+
+        if (onMoveFn) {
+            retVal = onMoveFn.call(sortable, evt, originalEvent);
+        }
+
+        return retVal;
+    }
+
+    function _disableDraggable(el) {
+        el.draggable = false;
+    }
+
+    function _unsilent() {
+        _silent = false;
+    }
+
+    function _ghostIsLast(evt, vertical, sortable) {
+        var rect = getRect(lastChild(sortable.el, sortable.options.draggable));
+        var spacer = 10;
+        return vertical ? evt.clientX > rect.right + spacer || evt.clientX <= rect.right && evt.clientY > rect.bottom && evt.clientX >= rect.left : evt.clientX > rect.right && evt.clientY > rect.top || evt.clientX <= rect.right && evt.clientY > rect.bottom + spacer;
+    }
+
+    function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
+        var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
+            targetLength = vertical ? targetRect.height : targetRect.width,
+            targetS1 = vertical ? targetRect.top : targetRect.left,
+            targetS2 = vertical ? targetRect.bottom : targetRect.right,
+            invert = false;
+
+        if (!invertSwap) {
+            // Never invert or create dragEl shadow when target movemenet causes mouse to move past the end of regular swapThreshold
+            if (isLastTarget && targetMoveDistance < targetLength * swapThreshold) {
+                // multiplied only by swapThreshold because mouse will already be inside target by (1 - threshold) * targetLength / 2
+                // check if past first invert threshold on side opposite of lastDirection
+                if (!pastFirstInvertThresh && (lastDirection === 1 ? mouseOnAxis > targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis < targetS2 - targetLength * invertedSwapThreshold / 2)) {
+                    // past first invert threshold, do not restrict inverted threshold to dragEl shadow
+                    pastFirstInvertThresh = true;
+                }
+
+                if (!pastFirstInvertThresh) {
+                    // dragEl shadow (target move distance shadow)
+                    if (lastDirection === 1 ? mouseOnAxis < targetS1 + targetMoveDistance // over dragEl shadow
+                        : mouseOnAxis > targetS2 - targetMoveDistance) {
+                        return -lastDirection;
+                    }
+                } else {
+                    invert = true;
+                }
+            } else {
+                // Regular
+                if (mouseOnAxis > targetS1 + targetLength * (1 - swapThreshold) / 2 && mouseOnAxis < targetS2 - targetLength * (1 - swapThreshold) / 2) {
+                    return _getInsertDirection(target);
+                }
+            }
+        }
+
+        invert = invert || invertSwap;
+
+        if (invert) {
+            // Invert of regular
+            if (mouseOnAxis < targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis > targetS2 - targetLength * invertedSwapThreshold / 2) {
+                return mouseOnAxis > targetS1 + targetLength / 2 ? 1 : -1;
+            }
+        }
+
+        return 0;
+    }
+    /**
+     * Gets the direction dragEl must be swapped relative to target in order to make it
+     * seem that dragEl has been "inserted" into that element's position
+     * @param  {HTMLElement} target       The target whose position dragEl is being inserted at
+     * @return {Number}                   Direction dragEl must be swapped
+     */
+
+
+    function _getInsertDirection(target) {
+        if (index(dragEl) < index(target)) {
+            return 1;
+        } else {
+            return -1;
+        }
+    }
+    /**
+     * Generate id
+     * @param   {HTMLElement} el
+     * @returns {String}
+     * @private
+     */
+
+
+    function _generateId(el) {
+        var str = el.tagName + el.className + el.src + el.href + el.textContent,
+            i = str.length,
+            sum = 0;
+
+        while (i--) {
+            sum += str.charCodeAt(i);
+        }
+
+        return sum.toString(36);
+    }
+
+    function _saveInputCheckedState(root) {
+        savedInputChecked.length = 0;
+        var inputs = root.getElementsByTagName('input');
+        var idx = inputs.length;
+
+        while (idx--) {
+            var el = inputs[idx];
+            el.checked && savedInputChecked.push(el);
+        }
+    }
+
+    function _nextTick(fn) {
+        return setTimeout(fn, 0);
+    }
+
+    function _cancelNextTick(id) {
+        return clearTimeout(id);
+    } // Fixed #973:
+
+
+    if (documentExists) {
+        on(document, 'touchmove', function (evt) {
+            if ((Sortable.active || awaitingDragStarted) && evt.cancelable) {
+                evt.preventDefault();
+            }
+        });
+    } // Export utils
+
+
+    Sortable.utils = {
+        on: on,
+        off: off,
+        css: css,
+        find: find,
+        is: function is(el, selector) {
+            return !!closest(el, selector, el, false);
+        },
+        extend: extend,
+        throttle: throttle,
+        closest: closest,
+        toggleClass: toggleClass,
+        clone: clone,
+        index: index,
+        nextTick: _nextTick,
+        cancelNextTick: _cancelNextTick,
+        detectDirection: _detectDirection,
+        getChild: getChild
+    };
+    /**
+     * Get the Sortable instance of an element
+     * @param  {HTMLElement} element The element
+     * @return {Sortable|undefined}         The instance of Sortable
+     */
+
+    Sortable.get = function (element) {
+        return element[expando];
+    };
+    /**
+     * Mount a plugin to Sortable
+     * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
+     */
+
+
+    Sortable.mount = function () {
+        for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
+            plugins[_key] = arguments[_key];
+        }
+
+        if (plugins[0].constructor === Array) plugins = plugins[0];
+        plugins.forEach(function (plugin) {
+            if (!plugin.prototype || !plugin.prototype.constructor) {
+                throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
+            }
+
+            if (plugin.utils) Sortable.utils = _objectSpread({}, Sortable.utils, plugin.utils);
+            PluginManager.mount(plugin);
+        });
+    };
+    /**
+     * Create sortable instance
+     * @param {HTMLElement}  el
+     * @param {Object}      [options]
+     */
+
+
+    Sortable.create = function (el, options) {
+        return new Sortable(el, options);
+    }; // Export
+
+
+    Sortable.version = version;
+
+    var autoScrolls = [],
+        scrollEl,
+        scrollRootEl,
+        scrolling = false,
+        lastAutoScrollX,
+        lastAutoScrollY,
+        touchEvt$1,
+        pointerElemChangedInterval;
+
+    function AutoScrollPlugin() {
+        function AutoScroll() {
+            this.defaults = {
+                scroll: true,
+                scrollSensitivity: 30,
+                scrollSpeed: 10,
+                bubbleScroll: true
+            }; // Bind all private methods
+
+            for (var fn in this) {
+                if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
+                    this[fn] = this[fn].bind(this);
+                }
+            }
+        }
+
+        AutoScroll.prototype = {
+            dragStarted: function dragStarted(_ref) {
+                var originalEvent = _ref.originalEvent;
+
+                if (this.sortable.nativeDraggable) {
+                    on(document, 'dragover', this._handleAutoScroll);
+                } else {
+                    if (this.options.supportPointer) {
+                        on(document, 'pointermove', this._handleFallbackAutoScroll);
+                    } else if (originalEvent.touches) {
+                        on(document, 'touchmove', this._handleFallbackAutoScroll);
+                    } else {
+                        on(document, 'mousemove', this._handleFallbackAutoScroll);
+                    }
+                }
+            },
+            dragOverCompleted: function dragOverCompleted(_ref2) {
+                var originalEvent = _ref2.originalEvent;
+
+                // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
+                if (!this.options.dragOverBubble && !originalEvent.rootEl) {
+                    this._handleAutoScroll(originalEvent);
+                }
+            },
+            drop: function drop() {
+                if (this.sortable.nativeDraggable) {
+                    off(document, 'dragover', this._handleAutoScroll);
+                } else {
+                    off(document, 'pointermove', this._handleFallbackAutoScroll);
+                    off(document, 'touchmove', this._handleFallbackAutoScroll);
+                    off(document, 'mousemove', this._handleFallbackAutoScroll);
+                }
+
+                clearPointerElemChangedInterval();
+                clearAutoScrolls();
+                cancelThrottle();
+            },
+            nulling: function nulling() {
+                touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
+                autoScrolls.length = 0;
+            },
+            _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
+                this._handleAutoScroll(evt, true);
+            },
+            _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
+                var _this = this;
+
+                var x = (evt.touches ? evt.touches[0] : evt).clientX,
+                    y = (evt.touches ? evt.touches[0] : evt).clientY,
+                    elem = document.elementFromPoint(x, y);
+                touchEvt$1 = evt; // IE does not seem to have native autoscroll,
+                // Edge's autoscroll seems too conditional,
+                // MACOS Safari does not have autoscroll,
+                // Firefox and Chrome are good
+
+                if (fallback || Edge || IE11OrLess || Safari) {
+                    autoScroll(evt, this.options, elem, fallback); // Listener for pointer element change
+
+                    var ogElemScroller = getParentAutoScrollElement(elem, true);
+
+                    if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
+                        pointerElemChangedInterval && clearPointerElemChangedInterval(); // Detect for pointer elem change, emulating native DnD behaviour
+
+                        pointerElemChangedInterval = setInterval(function () {
+                            var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
+
+                            if (newElem !== ogElemScroller) {
+                                ogElemScroller = newElem;
+                                clearAutoScrolls();
+                            }
+
+                            autoScroll(evt, _this.options, newElem, fallback);
+                        }, 10);
+                        lastAutoScrollX = x;
+                        lastAutoScrollY = y;
+                    }
+                } else {
+                    // if DnD is enabled (and browser has good autoscrolling), first autoscroll will already scroll, so get parent autoscroll of first autoscroll
+                    if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {
+                        clearAutoScrolls();
+                        return;
+                    }
+
+                    autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
+                }
+            }
+        };
+        return _extends(AutoScroll, {
+            pluginName: 'scroll',
+            initializeByDefault: true
+        });
+    }
+
+    function clearAutoScrolls() {
+        autoScrolls.forEach(function (autoScroll) {
+            clearInterval(autoScroll.pid);
+        });
+        autoScrolls = [];
+    }
+
+    function clearPointerElemChangedInterval() {
+        clearInterval(pointerElemChangedInterval);
+    }
+
+    var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
+        // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
+        if (!options.scroll) return;
+        var x = (evt.touches ? evt.touches[0] : evt).clientX,
+            y = (evt.touches ? evt.touches[0] : evt).clientY,
+            sens = options.scrollSensitivity,
+            speed = options.scrollSpeed,
+            winScroller = getWindowScrollingElement();
+        var scrollThisInstance = false,
+            scrollCustomFn; // New scroll root, set scrollEl
+
+        if (scrollRootEl !== rootEl) {
+            scrollRootEl = rootEl;
+            clearAutoScrolls();
+            scrollEl = options.scroll;
+            scrollCustomFn = options.scrollFn;
+
+            if (scrollEl === true) {
+                scrollEl = getParentAutoScrollElement(rootEl, true);
+            }
+        }
+
+        var layersOut = 0;
+        var currentParent = scrollEl;
+
+        do {
+            var el = currentParent,
+                rect = getRect(el),
+                top = rect.top,
+                bottom = rect.bottom,
+                left = rect.left,
+                right = rect.right,
+                width = rect.width,
+                height = rect.height,
+                canScrollX = void 0,
+                canScrollY = void 0,
+                scrollWidth = el.scrollWidth,
+                scrollHeight = el.scrollHeight,
+                elCSS = css(el),
+                scrollPosX = el.scrollLeft,
+                scrollPosY = el.scrollTop;
+
+            if (el === winScroller) {
+                canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll' || elCSS.overflowX === 'visible');
+                canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll' || elCSS.overflowY === 'visible');
+            } else {
+                canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll');
+                canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
+            }
+
+            var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
+            var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);
+
+            if (!autoScrolls[layersOut]) {
+                for (var i = 0; i <= layersOut; i++) {
+                    if (!autoScrolls[i]) {
+                        autoScrolls[i] = {};
+                    }
+                }
+            }
+
+            if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) {
+                autoScrolls[layersOut].el = el;
+                autoScrolls[layersOut].vx = vx;
+                autoScrolls[layersOut].vy = vy;
+                clearInterval(autoScrolls[layersOut].pid);
+
+                if (vx != 0 || vy != 0) {
+                    scrollThisInstance = true;
+                    /* jshint loopfunc:true */
+
+                    autoScrolls[layersOut].pid = setInterval(function () {
+                        // emulate drag over during autoscroll (fallback), emulating native DnD behaviour
+                        if (isFallback && this.layer === 0) {
+                            Sortable.active._onTouchMove(touchEvt$1); // To move ghost if it is positioned absolutely
+
+                        }
+
+                        var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
+                        var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
+
+                        if (typeof scrollCustomFn === 'function') {
+                            if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
+                                return;
+                            }
+                        }
+
+                        scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY);
+                    }.bind({
+                        layer: layersOut
+                    }), 24);
+                }
+            }
+
+            layersOut++;
+        } while (options.bubbleScroll && currentParent !== winScroller && (currentParent = getParentAutoScrollElement(currentParent, false)));
+
+        scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not
+    }, 30);
+
+    var drop = function drop(_ref) {
+        var originalEvent = _ref.originalEvent,
+            putSortable = _ref.putSortable,
+            dragEl = _ref.dragEl,
+            activeSortable = _ref.activeSortable,
+            dispatchSortableEvent = _ref.dispatchSortableEvent,
+            hideGhostForTarget = _ref.hideGhostForTarget,
+            unhideGhostForTarget = _ref.unhideGhostForTarget;
+        if (!originalEvent) return;
+        var toSortable = putSortable || activeSortable;
+        hideGhostForTarget();
+        var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
+        var target = document.elementFromPoint(touch.clientX, touch.clientY);
+        unhideGhostForTarget();
+
+        if (toSortable && !toSortable.el.contains(target)) {
+            dispatchSortableEvent('spill');
+            this.onSpill({
+                dragEl: dragEl,
+                putSortable: putSortable
+            });
+        }
+    };
+
+    function Revert() {}
+
+    Revert.prototype = {
+        startIndex: null,
+        dragStart: function dragStart(_ref2) {
+            var oldDraggableIndex = _ref2.oldDraggableIndex;
+            this.startIndex = oldDraggableIndex;
+        },
+        onSpill: function onSpill(_ref3) {
+            var dragEl = _ref3.dragEl,
+                putSortable = _ref3.putSortable;
+            this.sortable.captureAnimationState();
+
+            if (putSortable) {
+                putSortable.captureAnimationState();
+            }
+
+            var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
+
+            if (nextSibling) {
+                this.sortable.el.insertBefore(dragEl, nextSibling);
+            } else {
+                this.sortable.el.appendChild(dragEl);
+            }
+
+            this.sortable.animateAll();
+
+            if (putSortable) {
+                putSortable.animateAll();
+            }
+        },
+        drop: drop
+    };
+
+    _extends(Revert, {
+        pluginName: 'revertOnSpill'
+    });
+
+    function Remove() {}
+
+    Remove.prototype = {
+        onSpill: function onSpill(_ref4) {
+            var dragEl = _ref4.dragEl,
+                putSortable = _ref4.putSortable;
+            var parentSortable = putSortable || this.sortable;
+            parentSortable.captureAnimationState();
+            dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
+            parentSortable.animateAll();
+        },
+        drop: drop
+    };
+
+    _extends(Remove, {
+        pluginName: 'removeOnSpill'
+    });
+
+    var lastSwapEl;
+
+    function SwapPlugin() {
+        function Swap() {
+            this.defaults = {
+                swapClass: 'sortable-swap-highlight'
+            };
+        }
+
+        Swap.prototype = {
+            dragStart: function dragStart(_ref) {
+                var dragEl = _ref.dragEl;
+                lastSwapEl = dragEl;
+            },
+            dragOverValid: function dragOverValid(_ref2) {
+                var completed = _ref2.completed,
+                    target = _ref2.target,
+                    onMove = _ref2.onMove,
+                    activeSortable = _ref2.activeSortable,
+                    changed = _ref2.changed,
+                    cancel = _ref2.cancel;
+                if (!activeSortable.options.swap) return;
+                var el = this.sortable.el,
+                    options = this.options;
+
+                if (target && target !== el) {
+                    var prevSwapEl = lastSwapEl;
+
+                    if (onMove(target) !== false) {
+                        toggleClass(target, options.swapClass, true);
+                        lastSwapEl = target;
+                    } else {
+                        lastSwapEl = null;
+                    }
+
+                    if (prevSwapEl && prevSwapEl !== lastSwapEl) {
+                        toggleClass(prevSwapEl, options.swapClass, false);
+                    }
+                }
+
+                changed();
+                completed(true);
+                cancel();
+            },
+            drop: function drop(_ref3) {
+                var activeSortable = _ref3.activeSortable,
+                    putSortable = _ref3.putSortable,
+                    dragEl = _ref3.dragEl;
+                var toSortable = putSortable || this.sortable;
+                var options = this.options;
+                lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);
+
+                if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {
+                    if (dragEl !== lastSwapEl) {
+                        toSortable.captureAnimationState();
+                        if (toSortable !== activeSortable) activeSortable.captureAnimationState();
+                        swapNodes(dragEl, lastSwapEl);
+                        toSortable.animateAll();
+                        if (toSortable !== activeSortable) activeSortable.animateAll();
+                    }
+                }
+            },
+            nulling: function nulling() {
+                lastSwapEl = null;
+            }
+        };
+        return _extends(Swap, {
+            pluginName: 'swap',
+            eventProperties: function eventProperties() {
+                return {
+                    swapItem: lastSwapEl
+                };
+            }
+        });
+    }
+
+    function swapNodes(n1, n2) {
+        var p1 = n1.parentNode,
+            p2 = n2.parentNode,
+            i1,
+            i2;
+        if (!p1 || !p2 || p1.isEqualNode(n2) || p2.isEqualNode(n1)) return;
+        i1 = index(n1);
+        i2 = index(n2);
+
+        if (p1.isEqualNode(p2) && i1 < i2) {
+            i2++;
+        }
+
+        p1.insertBefore(n2, p1.children[i1]);
+        p2.insertBefore(n1, p2.children[i2]);
+    }
+
+    var multiDragElements = [],
+        multiDragClones = [],
+        lastMultiDragSelect,
+        // for selection with modifier key down (SHIFT)
+        multiDragSortable,
+        initialFolding = false,
+        // Initial multi-drag fold when drag started
+        folding = false,
+        // Folding any other time
+        dragStarted = false,
+        dragEl$1,
+        clonesFromRect,
+        clonesHidden;
+
+    function MultiDragPlugin() {
+        function MultiDrag(sortable) {
+            // Bind all private methods
+            for (var fn in this) {
+                if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
+                    this[fn] = this[fn].bind(this);
+                }
+            }
+
+            if (sortable.options.supportPointer) {
+                on(document, 'pointerup', this._deselectMultiDrag);
+            } else {
+                on(document, 'mouseup', this._deselectMultiDrag);
+                on(document, 'touchend', this._deselectMultiDrag);
+            }
+
+            on(document, 'keydown', this._checkKeyDown);
+            on(document, 'keyup', this._checkKeyUp);
+            this.defaults = {
+                selectedClass: 'sortable-selected',
+                multiDragKey: null,
+                setData: function setData(dataTransfer, dragEl) {
+                    var data = '';
+
+                    if (multiDragElements.length && multiDragSortable === sortable) {
+                        multiDragElements.forEach(function (multiDragElement, i) {
+                            data += (!i ? '' : ', ') + multiDragElement.textContent;
+                        });
+                    } else {
+                        data = dragEl.textContent;
+                    }
+
+                    dataTransfer.setData('Text', data);
+                }
+            };
+        }
+
+        MultiDrag.prototype = {
+            multiDragKeyDown: false,
+            isMultiDrag: false,
+            delayStartGlobal: function delayStartGlobal(_ref) {
+                var dragged = _ref.dragEl;
+                dragEl$1 = dragged;
+            },
+            delayEnded: function delayEnded() {
+                this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);
+            },
+            setupClone: function setupClone(_ref2) {
+                var sortable = _ref2.sortable,
+                    cancel = _ref2.cancel;
+                if (!this.isMultiDrag) return;
+
+                for (var i = 0; i < multiDragElements.length; i++) {
+                    multiDragClones.push(clone(multiDragElements[i]));
+                    multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;
+                    multiDragClones[i].draggable = false;
+                    multiDragClones[i].style['will-change'] = '';
+                    toggleClass(multiDragClones[i], this.options.selectedClass, false);
+                    multiDragElements[i] === dragEl$1 && toggleClass(multiDragClones[i], this.options.chosenClass, false);
+                }
+
+                sortable._hideClone();
+
+                cancel();
+            },
+            clone: function clone(_ref3) {
+                var sortable = _ref3.sortable,
+                    rootEl = _ref3.rootEl,
+                    dispatchSortableEvent = _ref3.dispatchSortableEvent,
+                    cancel = _ref3.cancel;
+                if (!this.isMultiDrag) return;
+
+                if (!this.options.removeCloneOnHide) {
+                    if (multiDragElements.length && multiDragSortable === sortable) {
+                        insertMultiDragClones(true, rootEl);
+                        dispatchSortableEvent('clone');
+                        cancel();
+                    }
+                }
+            },
+            showClone: function showClone(_ref4) {
+                var cloneNowShown = _ref4.cloneNowShown,
+                    rootEl = _ref4.rootEl,
+                    cancel = _ref4.cancel;
+                if (!this.isMultiDrag) return;
+                insertMultiDragClones(false, rootEl);
+                multiDragClones.forEach(function (clone) {
+                    css(clone, 'display', '');
+                });
+                cloneNowShown();
+                clonesHidden = false;
+                cancel();
+            },
+            hideClone: function hideClone(_ref5) {
+                var _this = this;
+
+                var sortable = _ref5.sortable,
+                    cloneNowHidden = _ref5.cloneNowHidden,
+                    cancel = _ref5.cancel;
+                if (!this.isMultiDrag) return;
+                multiDragClones.forEach(function (clone) {
+                    css(clone, 'display', 'none');
+
+                    if (_this.options.removeCloneOnHide && clone.parentNode) {
+                        clone.parentNode.removeChild(clone);
+                    }
+                });
+                cloneNowHidden();
+                clonesHidden = true;
+                cancel();
+            },
+            dragStartGlobal: function dragStartGlobal(_ref6) {
+                var sortable = _ref6.sortable;
+
+                if (!this.isMultiDrag && multiDragSortable) {
+                    multiDragSortable.multiDrag._deselectMultiDrag();
+                }
+
+                multiDragElements.forEach(function (multiDragElement) {
+                    multiDragElement.sortableIndex = index(multiDragElement);
+                }); // Sort multi-drag elements
+
+                multiDragElements = multiDragElements.sort(function (a, b) {
+                    return a.sortableIndex - b.sortableIndex;
+                });
+                dragStarted = true;
+            },
+            dragStarted: function dragStarted(_ref7) {
+                var _this2 = this;
+
+                var sortable = _ref7.sortable;
+                if (!this.isMultiDrag) return;
+
+                if (this.options.sort) {
+                    // Capture rects,
+                    // hide multi drag elements (by positioning them absolute),
+                    // set multi drag elements rects to dragRect,
+                    // show multi drag elements,
+                    // animate to rects,
+                    // unset rects & remove from DOM
+                    sortable.captureAnimationState();
+
+                    if (this.options.animation) {
+                        multiDragElements.forEach(function (multiDragElement) {
+                            if (multiDragElement === dragEl$1) return;
+                            css(multiDragElement, 'position', 'absolute');
+                        });
+                        var dragRect = getRect(dragEl$1, false, true, true);
+                        multiDragElements.forEach(function (multiDragElement) {
+                            if (multiDragElement === dragEl$1) return;
+                            setRect(multiDragElement, dragRect);
+                        });
+                        folding = true;
+                        initialFolding = true;
+                    }
+                }
+
+                sortable.animateAll(function () {
+                    folding = false;
+                    initialFolding = false;
+
+                    if (_this2.options.animation) {
+                        multiDragElements.forEach(function (multiDragElement) {
+                            unsetRect(multiDragElement);
+                        });
+                    } // Remove all auxiliary multidrag items from el, if sorting enabled
+
+
+                    if (_this2.options.sort) {
+                        removeMultiDragElements();
+                    }
+                });
+            },
+            dragOver: function dragOver(_ref8) {
+                var target = _ref8.target,
+                    completed = _ref8.completed,
+                    cancel = _ref8.cancel;
+
+                if (folding && ~multiDragElements.indexOf(target)) {
+                    completed(false);
+                    cancel();
+                }
+            },
+            revert: function revert(_ref9) {
+                var fromSortable = _ref9.fromSortable,
+                    rootEl = _ref9.rootEl,
+                    sortable = _ref9.sortable,
+                    dragRect = _ref9.dragRect;
+
+                if (multiDragElements.length > 1) {
+                    // Setup unfold animation
+                    multiDragElements.forEach(function (multiDragElement) {
+                        sortable.addAnimationState({
+                            target: multiDragElement,
+                            rect: folding ? getRect(multiDragElement) : dragRect
+                        });
+                        unsetRect(multiDragElement);
+                        multiDragElement.fromRect = dragRect;
+                        fromSortable.removeAnimationState(multiDragElement);
+                    });
+                    folding = false;
+                    insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);
+                }
+            },
+            dragOverCompleted: function dragOverCompleted(_ref10) {
+                var sortable = _ref10.sortable,
+                    isOwner = _ref10.isOwner,
+                    insertion = _ref10.insertion,
+                    activeSortable = _ref10.activeSortable,
+                    parentEl = _ref10.parentEl,
+                    putSortable = _ref10.putSortable;
+                var options = this.options;
+
+                if (insertion) {
+                    // Clones must be hidden before folding animation to capture dragRectAbsolute properly
+                    if (isOwner) {
+                        activeSortable._hideClone();
+                    }
+
+                    initialFolding = false; // If leaving sort:false root, or already folding - Fold to new location
+
+                    if (options.animation && multiDragElements.length > 1 && (folding || !isOwner && !activeSortable.options.sort && !putSortable)) {
+                        // Fold: Set all multi drag elements's rects to dragEl's rect when multi-drag elements are invisible
+                        var dragRectAbsolute = getRect(dragEl$1, false, true, true);
+                        multiDragElements.forEach(function (multiDragElement) {
+                            if (multiDragElement === dragEl$1) return;
+                            setRect(multiDragElement, dragRectAbsolute); // Move element(s) to end of parentEl so that it does not interfere with multi-drag clones insertion if they are inserted
+                            // while folding, and so that we can capture them again because old sortable will no longer be fromSortable
+
+                            parentEl.appendChild(multiDragElement);
+                        });
+                        folding = true;
+                    } // Clones must be shown (and check to remove multi drags) after folding when interfering multiDragElements are moved out
+
+
+                    if (!isOwner) {
+                        // Only remove if not folding (folding will remove them anyways)
+                        if (!folding) {
+                            removeMultiDragElements();
+                        }
+
+                        if (multiDragElements.length > 1) {
+                            var clonesHiddenBefore = clonesHidden;
+
+                            activeSortable._showClone(sortable); // Unfold animation for clones if showing from hidden
+
+
+                            if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {
+                                multiDragClones.forEach(function (clone) {
+                                    activeSortable.addAnimationState({
+                                        target: clone,
+                                        rect: clonesFromRect
+                                    });
+                                    clone.fromRect = clonesFromRect;
+                                    clone.thisAnimationDuration = null;
+                                });
+                            }
+                        } else {
+                            activeSortable._showClone(sortable);
+                        }
+                    }
+                }
+            },
+            dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {
+                var dragRect = _ref11.dragRect,
+                    isOwner = _ref11.isOwner,
+                    activeSortable = _ref11.activeSortable;
+                multiDragElements.forEach(function (multiDragElement) {
+                    multiDragElement.thisAnimationDuration = null;
+                });
+
+                if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {
+                    clonesFromRect = _extends({}, dragRect);
+                    var dragMatrix = matrix(dragEl$1, true);
+                    clonesFromRect.top -= dragMatrix.f;
+                    clonesFromRect.left -= dragMatrix.e;
+                }
+            },
+            dragOverAnimationComplete: function dragOverAnimationComplete() {
+                if (folding) {
+                    folding = false;
+                    removeMultiDragElements();
+                }
+            },
+            drop: function drop(_ref12) {
+                var evt = _ref12.originalEvent,
+                    rootEl = _ref12.rootEl,
+                    parentEl = _ref12.parentEl,
+                    sortable = _ref12.sortable,
+                    dispatchSortableEvent = _ref12.dispatchSortableEvent,
+                    oldIndex = _ref12.oldIndex,
+                    putSortable = _ref12.putSortable;
+                var toSortable = putSortable || this.sortable;
+                if (!evt) return;
+                var options = this.options,
+                    children = parentEl.children; // Multi-drag selection
+
+                if (!dragStarted) {
+                    if (options.multiDragKey && !this.multiDragKeyDown) {
+                        this._deselectMultiDrag();
+                    }
+
+                    toggleClass(dragEl$1, options.selectedClass, !~multiDragElements.indexOf(dragEl$1));
+
+                    if (!~multiDragElements.indexOf(dragEl$1)) {
+                        multiDragElements.push(dragEl$1);
+                        dispatchEvent({
+                            sortable: sortable,
+                            rootEl: rootEl,
+                            name: 'select',
+                            targetEl: dragEl$1,
+                            originalEvt: evt
+                        }); // Modifier activated, select from last to dragEl
+
+                        if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
+                            var lastIndex = index(lastMultiDragSelect),
+                                currentIndex = index(dragEl$1);
+
+                            if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {
+                                // Must include lastMultiDragSelect (select it), in case modified selection from no selection
+                                // (but previous selection existed)
+                                var n, i;
+
+                                if (currentIndex > lastIndex) {
+                                    i = lastIndex;
+                                    n = currentIndex;
+                                } else {
+                                    i = currentIndex;
+                                    n = lastIndex + 1;
+                                }
+
+                                for (; i < n; i++) {
+                                    if (~multiDragElements.indexOf(children[i])) continue;
+                                    toggleClass(children[i], options.selectedClass, true);
+                                    multiDragElements.push(children[i]);
+                                    dispatchEvent({
+                                        sortable: sortable,
+                                        rootEl: rootEl,
+                                        name: 'select',
+                                        targetEl: children[i],
+                                        originalEvt: evt
+                                    });
+                                }
+                            }
+                        } else {
+                            lastMultiDragSelect = dragEl$1;
+                        }
+
+                        multiDragSortable = toSortable;
+                    } else {
+                        multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);
+                        lastMultiDragSelect = null;
+                        dispatchEvent({
+                            sortable: sortable,
+                            rootEl: rootEl,
+                            name: 'deselect',
+                            targetEl: dragEl$1,
+                            originalEvt: evt
+                        });
+                    }
+                } // Multi-drag drop
+
+
+                if (dragStarted && this.isMultiDrag) {
+                    // Do not "unfold" after around dragEl if reverted
+                    if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {
+                        var dragRect = getRect(dragEl$1),
+                            multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');
+                        if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;
+                        toSortable.captureAnimationState();
+
+                        if (!initialFolding) {
+                            if (options.animation) {
+                                dragEl$1.fromRect = dragRect;
+                                multiDragElements.forEach(function (multiDragElement) {
+                                    multiDragElement.thisAnimationDuration = null;
+
+                                    if (multiDragElement !== dragEl$1) {
+                                        var rect = folding ? getRect(multiDragElement) : dragRect;
+                                        multiDragElement.fromRect = rect; // Prepare unfold animation
+
+                                        toSortable.addAnimationState({
+                                            target: multiDragElement,
+                                            rect: rect
+                                        });
+                                    }
+                                });
+                            } // Multi drag elements are not necessarily removed from the DOM on drop, so to reinsert
+                            // properly they must all be removed
+
+
+                            removeMultiDragElements();
+                            multiDragElements.forEach(function (multiDragElement) {
+                                if (children[multiDragIndex]) {
+                                    parentEl.insertBefore(multiDragElement, children[multiDragIndex]);
+                                } else {
+                                    parentEl.appendChild(multiDragElement);
+                                }
+
+                                multiDragIndex++;
+                            }); // If initial folding is done, the elements may have changed position because they are now
+                            // unfolding around dragEl, even though dragEl may not have his index changed, so update event
+                            // must be fired here as Sortable will not.
+
+                            if (oldIndex === index(dragEl$1)) {
+                                var update = false;
+                                multiDragElements.forEach(function (multiDragElement) {
+                                    if (multiDragElement.sortableIndex !== index(multiDragElement)) {
+                                        update = true;
+                                        return;
+                                    }
+                                });
+
+                                if (update) {
+                                    dispatchSortableEvent('update');
+                                }
+                            }
+                        } // Must be done after capturing individual rects (scroll bar)
+
+
+                        multiDragElements.forEach(function (multiDragElement) {
+                            unsetRect(multiDragElement);
+                        });
+                        toSortable.animateAll();
+                    }
+
+                    multiDragSortable = toSortable;
+                } // Remove clones if necessary
+
+
+                if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
+                    multiDragClones.forEach(function (clone) {
+                        clone.parentNode && clone.parentNode.removeChild(clone);
+                    });
+                }
+            },
+            nullingGlobal: function nullingGlobal() {
+                this.isMultiDrag = dragStarted = false;
+                multiDragClones.length = 0;
+            },
+            destroyGlobal: function destroyGlobal() {
+                this._deselectMultiDrag();
+
+                off(document, 'pointerup', this._deselectMultiDrag);
+                off(document, 'mouseup', this._deselectMultiDrag);
+                off(document, 'touchend', this._deselectMultiDrag);
+                off(document, 'keydown', this._checkKeyDown);
+                off(document, 'keyup', this._checkKeyUp);
+            },
+            _deselectMultiDrag: function _deselectMultiDrag(evt) {
+                if (typeof dragStarted !== "undefined" && dragStarted) return; // Only deselect if selection is in this sortable
+
+                if (multiDragSortable !== this.sortable) return; // Only deselect if target is not item in this sortable
+
+                if (evt && closest(evt.target, this.options.draggable, this.sortable.el, false)) return; // Only deselect if left click
+
+                if (evt && evt.button !== 0) return;
+
+                while (multiDragElements.length) {
+                    var el = multiDragElements[0];
+                    toggleClass(el, this.options.selectedClass, false);
+                    multiDragElements.shift();
+                    dispatchEvent({
+                        sortable: this.sortable,
+                        rootEl: this.sortable.el,
+                        name: 'deselect',
+                        targetEl: el,
+                        originalEvt: evt
+                    });
+                }
+            },
+            _checkKeyDown: function _checkKeyDown(evt) {
+                if (evt.key === this.options.multiDragKey) {
+                    this.multiDragKeyDown = true;
+                }
+            },
+            _checkKeyUp: function _checkKeyUp(evt) {
+                if (evt.key === this.options.multiDragKey) {
+                    this.multiDragKeyDown = false;
+                }
+            }
+        };
+        return _extends(MultiDrag, {
+            // Static methods & properties
+            pluginName: 'multiDrag',
+            utils: {
+                /**
+                 * Selects the provided multi-drag item
+                 * @param  {HTMLElement} el    The element to be selected
+                 */
+                select: function select(el) {
+                    var sortable = el.parentNode[expando];
+                    if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;
+
+                    if (multiDragSortable && multiDragSortable !== sortable) {
+                        multiDragSortable.multiDrag._deselectMultiDrag();
+
+                        multiDragSortable = sortable;
+                    }
+
+                    toggleClass(el, sortable.options.selectedClass, true);
+                    multiDragElements.push(el);
+                },
+
+                /**
+                 * Deselects the provided multi-drag item
+                 * @param  {HTMLElement} el    The element to be deselected
+                 */
+                deselect: function deselect(el) {
+                    var sortable = el.parentNode[expando],
+                        index = multiDragElements.indexOf(el);
+                    if (!sortable || !sortable.options.multiDrag || !~index) return;
+                    toggleClass(el, sortable.options.selectedClass, false);
+                    multiDragElements.splice(index, 1);
+                }
+            },
+            eventProperties: function eventProperties() {
+                var _this3 = this;
+
+                var oldIndicies = [],
+                    newIndicies = [];
+                multiDragElements.forEach(function (multiDragElement) {
+                    oldIndicies.push({
+                        multiDragElement: multiDragElement,
+                        index: multiDragElement.sortableIndex
+                    }); // multiDragElements will already be sorted if folding
+
+                    var newIndex;
+
+                    if (folding && multiDragElement !== dragEl$1) {
+                        newIndex = -1;
+                    } else if (folding) {
+                        newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');
+                    } else {
+                        newIndex = index(multiDragElement);
+                    }
+
+                    newIndicies.push({
+                        multiDragElement: multiDragElement,
+                        index: newIndex
+                    });
+                });
+                return {
+                    items: _toConsumableArray(multiDragElements),
+                    clones: [].concat(multiDragClones),
+                    oldIndicies: oldIndicies,
+                    newIndicies: newIndicies
+                };
+            },
+            optionListeners: {
+                multiDragKey: function multiDragKey(key) {
+                    key = key.toLowerCase();
+
+                    if (key === 'ctrl') {
+                        key = 'Control';
+                    } else if (key.length > 1) {
+                        key = key.charAt(0).toUpperCase() + key.substr(1);
+                    }
+
+                    return key;
+                }
+            }
+        });
+    }
+
+    function insertMultiDragElements(clonesInserted, rootEl) {
+        multiDragElements.forEach(function (multiDragElement, i) {
+            var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
+
+            if (target) {
+                rootEl.insertBefore(multiDragElement, target);
+            } else {
+                rootEl.appendChild(multiDragElement);
+            }
+        });
+    }
+    /**
+     * Insert multi-drag clones
+     * @param  {[Boolean]} elementsInserted  Whether the multi-drag elements are inserted
+     * @param  {HTMLElement} rootEl
+     */
+
+
+    function insertMultiDragClones(elementsInserted, rootEl) {
+        multiDragClones.forEach(function (clone, i) {
+            var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
+
+            if (target) {
+                rootEl.insertBefore(clone, target);
+            } else {
+                rootEl.appendChild(clone);
+            }
+        });
+    }
+
+    function removeMultiDragElements() {
+        multiDragElements.forEach(function (multiDragElement) {
+            if (multiDragElement === dragEl$1) return;
+            multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);
+        });
+    }
+
+    Sortable.mount(new AutoScrollPlugin());
+    Sortable.mount(Remove, Revert);
+
+    Sortable.mount(new SwapPlugin());
+    Sortable.mount(new MultiDragPlugin());
+
+    return Sortable;
+
+}));
diff --git a/asset/js/vendor/Sortable.min.js b/asset/js/vendor/Sortable.min.js
new file mode 100644
index 0000000..ad0275a
--- /dev/null
+++ b/asset/js/vendor/Sortable.min.js
@@ -0,0 +1,2 @@
+/*! Sortable 1.13.0 - MIT | git://github.com/SortableJS/Sortable.git */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.icinga?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}).apply(this,arguments)}function I(i){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.forEach(function(t){var e,n,o;e=i,o=r[n=t],n in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o})}return i}function l(t,e){if(null==t)return{};var n,o,i=function(t,e){if(null==t)return{};var n,o,i={},r=Object.keys(t);for(o=0;o<r.length;o++)n=r[o],0<=e.indexOf(n)||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(o=0;o<r.length;o++)n=r[o],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function e(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var w=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),E=t(/Edge/i),c=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),n=t(/iP(ad|od|hone)/i),i=t(/chrome/i)&&t(/android/i),r={capture:!1,passive:!1};function d(t,e,n){t.addEventListener(e,n,!w&&r)}function s(t,e,n){t.removeEventListener(e,n,!w&&r)}function h(t,e){if(e){if(">"===e[0]&&(e=e.substring(1)),t)try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return!1}return!1}}function P(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"===e[0]?t.parentNode===n&&h(t,e):h(t,e))||o&&t===n)return t;if(t===n)break}while(t=(i=t).host&&i!==document&&i.host.nodeType?i.host:i.parentNode)}var i;return null}var f,p=/\s+/g;function k(t,e,n){if(t&&e)if(t.classList)t.classList[n?"add":"remove"](e);else{var o=(" "+t.className+" ").replace(p," ").replace(" "+e+" "," ");t.className=(o+(n?" "+e:"")).replace(p," ")}}function R(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];e in o||-1!==e.indexOf("webkit")||(e="-webkit-"+e),o[e]=n+("string"==typeof n?"":"px")}}function v(t,e){var n="";if("string"==typeof t)n=t;else do{var o=R(t,"transform");o&&"none"!==o&&(n=o+" "+n)}while(!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function g(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function A(){var t=document.scrollingElement;return t||document.documentElement}function X(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d;if(d=t!==window&&t.parentNode&&t!==A()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth),(e||n)&&t!==window&&(i=i||t.parentNode,!w))do{if(i&&i.getBoundingClientRect&&("none"!==R(i,"transform")||n&&"static"!==R(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(R(i,"border-top-width")),l-=h.left+parseInt(R(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);if(o&&t!==window){var f=v(i||t),p=f&&f.a,g=f&&f.d;f&&(s=(a/=g)+(u/=g),c=(l/=p)+(d/=p))}return{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function Y(t,e,n){for(var o=H(t,!0),i=X(t)[e];o;){var r=X(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===A())break;o=H(o,!1)}return!1}function m(t,e,n){for(var o=0,i=0,r=t.children;i<r.length;){if("none"!==r[i].style.display&&r[i]!==Rt.ghost&&r[i]!==Rt.dragged&&P(r[i],n.draggable,t,!1)){if(o===e)return r[i];o++}i++}return null}function B(t,e){for(var n=t.lastElementChild;n&&(n===Rt.ghost||"none"===R(n,"display")||e&&!h(n,e));)n=n.previousElementSibling;return n||null}function F(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Rt.clone||e&&!h(t,e)||n++;return n}function b(t){var e=0,n=0,o=A();if(t)do{var i=v(t),r=i.a,a=i.d;e+=t.scrollLeft*r,n+=t.scrollTop*a}while(t!==o&&(t=t.parentNode));return[e,n]}function H(t,e){if(!t||!t.getBoundingClientRect)return A();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=R(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return A();if(o||e)return n;o=!0}}}while(n=n.parentNode);return A()}function y(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function D(e,n){return function(){if(!f){var t=arguments;1===t.length?e.call(this,t[0]):e.apply(this,t),f=setTimeout(function(){f=void 0},n)}}}function L(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function S(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function _(t,e){R(t,"position","absolute"),R(t,"top",e.top),R(t,"left",e.left),R(t,"width",e.width),R(t,"height",e.height)}function C(t){R(t,"position",""),R(t,"top",""),R(t,"left",""),R(t,"width",""),R(t,"height","")}var j="Sortable"+(new Date).getTime();function T(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){if("none"!==R(t,"display")&&t!==Rt.ghost){o.push({target:t,rect:X(t)});var e=I({},o[o.length-1].rect);if(t.thisAnimationDuration){var n=v(t,!0);n&&(e.top-=n.f,e.left-=n.e)}t.fromRect=e}})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=X(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=v(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&y(r,i)&&!y(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(e=function(t,e,n,o){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*o.animation}(l,r,a,c.options)),y(i,o)||(n.prevFromRect=o,n.prevToRect=i,e||(e=c.options.animation),c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){if(o){R(t,"transition",""),R(t,"transform","");var i=v(this.el),r=i&&i.a,a=i&&i.d,l=(e.left-n.left)/(r||1),s=(e.top-n.top)/(a||1);t.animatingX=!!l,t.animatingY=!!s,R(t,"transform","translate3d("+l+"px,"+s+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),R(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),R(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){R(t,"transition",""),R(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o)}}}}var x=[],M={initializeByDefault:!0},O={mount:function(e){for(var t in M)!M.hasOwnProperty(t)||t in e||(e[t]=M[t]);x.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),x.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";x.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](I({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](I({sortable:n},o)))})},initializePlugins:function(o,i,r,t){for(var e in x.forEach(function(t){var e=t.pluginName;if(o.options[e]||t.initializeByDefault){var n=new t(o,i,o.options);n.sortable=o,n.options=o.options,o[e]=n,a(r,n.defaults)}}),o.options)if(o.options.hasOwnProperty(e)){var n=this.modifyOption(o,e,o.options[e]);void 0!==n&&(o.options[e]=n)}},getEventProperties:function(e,n){var o={};return x.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return x.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function N(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,f=t.putSortable,p=t.extraEventProperties;if(e=e||n&&n[j]){var g,v=e.options,m="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||w||E?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=f?f.lastPutMode:void 0;var b=I({},p,O.getEventProperties(o,e));for(var y in b)g[y]=b[y];n&&n.dispatchEvent(g),v[m]&&v[m].call(e,g)}}function K(t,e,n){var o=2<arguments.length&&void 0!==n?n:{},i=o.evt,r=l(o,["evt"]);O.pluginEvent.bind(Rt)(t,e,I({dragEl:z,parentEl:G,ghostEl:U,rootEl:q,nextEl:V,lastDownEl:Z,cloneEl:Q,cloneHidden:$,dragStarted:dt,putSortable:it,activeSortable:Rt.active,originalEvent:i,oldIndex:J,oldDraggableIndex:et,newIndex:tt,newDraggableIndex:nt,hideGhostForTarget:At,unhideGhostForTarget:It,cloneNowHidden:function(){$=!0},cloneNowShown:function(){$=!1},dispatchSortableEvent:function(t){W({sortable:e,name:t,originalEvent:i})}},r))}function W(t){N(I({putSortable:it,cloneEl:Q,targetEl:z,rootEl:q,oldIndex:J,oldDraggableIndex:et,newIndex:tt,newDraggableIndex:nt},t))}var z,G,U,q,V,Z,Q,$,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,ft,pt,gt,vt=!1,mt=!1,bt=[],yt=!1,wt=!1,Et=[],Dt=!1,St=[],_t="undefined"!=typeof document,Ct=n,Tt=E||w?"cssFloat":"float",xt=_t&&!i&&!n&&"draggable"in document.createElement("div"),Mt=function(){if(_t){if(w)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Ot=function(t,e){var n=R(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=m(t,0,e),r=m(t,1,e),a=i&&R(i),l=r&&R(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+X(i).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+X(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){var u="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==u?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[Tt]||r&&"none"===n[Tt]&&o<s+c)?"vertical":"horizontal"},Nt=function(t){function s(a,l){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==a&&(l||i))return!0;if(null==a||!1===a)return!1;if(l&&"clone"===a)return a;if("function"==typeof a)return s(a(t,e,n,o),l)(t,e,n,o);var r=(l?t:e).options.group.name;return!0===a||"string"==typeof a&&a===r||a.join&&-1<a.indexOf(r)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=s(n.pull,!0),e.checkPut=s(n.put),e.revertClone=n.revertClone,t.group=e},At=function(){!Mt&&U&&R(U,"display","none")},It=function(){!Mt&&U&&R(U,"display","")};_t&&document.addEventListener("click",function(t){if(mt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),mt=!1},!0);function Pt(t){if(z){var e=function(r,a){var l;return bt.some(function(t){if(!B(t)){var e=X(t),n=t[j].options.emptyInsertThreshold,o=r>=e.left-n&&r<=e.right+n,i=a>=e.top-n&&a<=e.bottom+n;return n&&o&&i?l=t:void 0}}),l}((t=t.touches?t.touches[0]:t).clientX,t.clientY);if(e){var n={};for(var o in t)t.hasOwnProperty(o)&&(n[o]=t[o]);n.target=n.rootEl=e,n.preventDefault=void 0,n.stopPropagation=void 0,e[j]._onDragOver(n)}}}function kt(t){z&&z.parentNode[j]._isOutsideThisEl(t.target)}function Rt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[j]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Ot(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Rt.supportPointer&&"PointerEvent"in window&&!u,emptyInsertThreshold:5};for(var o in O.initializePlugins(this,t,n),n)o in e||(e[o]=n[o]);for(var i in Nt(e),this)"_"===i.charAt(0)&&"function"==typeof this[i]&&(this[i]=this[i].bind(this));this.nativeDraggable=!e.forceFallback&&xt,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?d(t,"pointerdown",this._onTapStart):(d(t,"mousedown",this._onTapStart),d(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(d(t,"dragover",this),d(t,"dragenter",this)),bt.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,T())}function Xt(t,e,n,o,i,r,a,l){var s,c,u=t[j],d=u.options.onMove;return!window.CustomEvent||w||E?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||X(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),d&&(c=d.call(u,s,a)),c}function Yt(t){t.draggable=!1}function Bt(){Dt=!1}function Ft(t){for(var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;n--;)o+=e.charCodeAt(n);return o.toString(36)}function Ht(t){return setTimeout(t,0)}function Lt(t){return clearTimeout(t)}Rt.prototype={constructor:Rt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(ht=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,z):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(function(t){St.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&St.push(o)}}(o),!z&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=P(l,t.draggable,o,!1))&&l.animated||Z===l)){if(J=F(l),et=F(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return W({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),K("filter",n,{evt:e}),void(i&&e.cancelable&&e.preventDefault())}else if(c&&(c=c.split(",").some(function(t){if(t=P(s,t.trim(),o,!1))return W({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),K("filter",n,{evt:e}),!0})))return void(i&&e.cancelable&&e.preventDefault());t.handle&&!P(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;if(n&&!z&&n.parentNode===r){var s=X(n);if(q=r,G=(z=n).parentNode,V=z.nextSibling,Z=n,ot=a.group,rt={target:Rt.dragged=z,clientX:(e||t).clientX,clientY:(e||t).clientY},ct=rt.clientX-s.left,ut=rt.clientY-s.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,z.style["will-change"]="all",o=function(){K("delayEnded",i,{evt:t}),Rt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!c&&i.nativeDraggable&&(z.draggable=!0),i._triggerDragStart(t,e),W({sortable:i,name:"choose",originalEvent:t}),k(z,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){g(z,t.trim(),Yt)}),d(l,"dragover",Pt),d(l,"mousemove",Pt),d(l,"touchmove",Pt),d(l,"mouseup",i._onDrop),d(l,"touchend",i._onDrop),d(l,"touchcancel",i._onDrop),c&&this.nativeDraggable&&(this.options.touchStartThreshold=4,z.draggable=!0),K("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(E||w))o();else{if(Rt.eventCanceled)return void this._onDrop();d(l,"mouseup",i._disableDelayedDrag),d(l,"touchend",i._disableDelayedDrag),d(l,"touchcancel",i._disableDelayedDrag),d(l,"mousemove",i._delayedDragTouchMoveHandler),d(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&d(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var e=t.touches?t.touches[0]:t;Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){z&&Yt(z),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;s(t,"mouseup",this._disableDelayedDrag),s(t,"touchend",this._disableDelayedDrag),s(t,"touchcancel",this._disableDelayedDrag),s(t,"mousemove",this._delayedDragTouchMoveHandler),s(t,"touchmove",this._delayedDragTouchMoveHandler),s(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?d(document,"pointermove",this._onTouchMove):d(document,e?"touchmove":"mousemove",this._onTouchMove):(d(z,"dragend",this),d(q,"dragstart",this._onDragStart));try{document.selection?Ht(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){if(vt=!1,q&&z){K("dragStarted",this,{evt:e}),this.nativeDraggable&&d(document,"dragover",kt);var n=this.options;t||k(z,n.dragClass,!1),k(z,n.ghostClass,!0),Rt.active=this,t&&this._appendGhost(),W({sortable:this,name:"start",originalEvent:e})}else this._nulling()},_emulateDragOver:function(){if(at){this._lastX=at.clientX,this._lastY=at.clientY,At();for(var t=document.elementFromPoint(at.clientX,at.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(at.clientX,at.clientY))!==e;)e=t;if(z.parentNode[j]._isOutsideThisEl(t),e)do{if(e[j]){if(e[j]._onDragOver({clientX:at.clientX,clientY:at.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}t=e}while(e=e.parentNode);It()}},_onTouchMove:function(t){if(rt){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=U&&v(U,!0),a=U&&r&&r.a,l=U&&r&&r.d,s=Ct&&gt&&b(gt),c=(i.clientX-rt.clientX+o.x)/(a||1)+(s?s[0]-Et[0]:0)/(a||1),u=(i.clientY-rt.clientY+o.y)/(l||1)+(s?s[1]-Et[1]:0)/(l||1);if(!Rt.active&&!vt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}if(U){r?(r.e+=c-(lt||0),r.f+=u-(st||0)):r={a:1,b:0,c:0,d:1,e:c,f:u};var d="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");R(U,"webkitTransform",d),R(U,"mozTransform",d),R(U,"msTransform",d),R(U,"transform",d),lt=c,st=u,at=i}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!U){var t=this.options.fallbackOnBody?document.body:q,e=X(z,!0,Ct,!0,t),n=this.options;if(Ct){for(gt=t;"static"===R(gt,"position")&&"none"===R(gt,"transform")&&gt!==document;)gt=gt.parentNode;gt!==document.body&&gt!==document.documentElement?(gt===document&&(gt=A()),e.top+=gt.scrollTop,e.left+=gt.scrollLeft):gt=A(),Et=b(gt)}k(U=z.cloneNode(!0),n.ghostClass,!1),k(U,n.fallbackClass,!0),k(U,n.dragClass,!0),R(U,"transition",""),R(U,"transform",""),R(U,"box-sizing","border-box"),R(U,"margin",0),R(U,"top",e.top),R(U,"left",e.left),R(U,"width",e.width),R(U,"height",e.height),R(U,"opacity","0.8"),R(U,"position",Ct?"absolute":"fixed"),R(U,"zIndex","100000"),R(U,"pointerEvents","none"),Rt.ghost=U,t.appendChild(U),R(U,"transform-origin",ct/parseInt(U.style.width)*100+"% "+ut/parseInt(U.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;K("dragStart",this,{evt:t}),Rt.eventCanceled?this._onDrop():(K("setupClone",this),Rt.eventCanceled||((Q=S(z)).draggable=!1,Q.style["will-change"]="",this._hideClone(),k(Q,this.options.chosenClass,!1),Rt.clone=Q),n.cloneId=Ht(function(){K("clone",n),Rt.eventCanceled||(n.options.removeCloneOnHide||q.insertBefore(Q,z),n._hideClone(),W({sortable:n,name:"clone"}))}),e||k(z,i.dragClass,!0),e?(mt=!0,n._loopId=setInterval(n._emulateDragOver,50)):(s(document,"mouseup",n._onDrop),s(document,"touchend",n._onDrop),s(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,z)),d(document,"drop",n),R(z,"transform","translateZ(0)")),vt=!0,n._dragStartId=Ht(n._dragStarted.bind(n,e,t)),d(document,"selectstart",n),dt=!0,u&&R(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,a,l=this.el,s=n.target,e=this.options,t=e.group,c=Rt.active,u=ot===t,d=e.sort,h=it||c,f=this,p=!1;if(!Dt){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),s=P(s,e.draggable,l,!0),M("dragOver"),Rt.eventCanceled)return p;if(z.contains(n.target)||s.animated&&s.animatingX&&s.animatingY||f._ignoreWhileAnimating===s)return N(!1);if(mt=!1,c&&!e.disabled&&(u?d||(r=!q.contains(z)):it===this||(this.lastPutMode=ot.checkPull(this,c,z,n))&&t.checkPut(this,c,z,n))){if(a="vertical"===this._getDirection(n,s),o=X(z),M("dragOverValid"),Rt.eventCanceled)return p;if(r)return G=q,O(),this._hideClone(),M("revert"),Rt.eventCanceled||(V?q.insertBefore(z,V):q.appendChild(z)),N(!0);var g=B(l,e.draggable);if(!g||function(t,e,n){var o=X(B(n.el,n.options.draggable));return e?t.clientX>o.right+10||t.clientX<=o.right&&t.clientY>o.bottom&&t.clientX>=o.left:t.clientX>o.right&&t.clientY>o.top||t.clientX<=o.right&&t.clientY>o.bottom+10}(n,a,this)&&!g.animated){if(g===z)return N(!1);if(g&&l===n.target&&(s=g),s&&(i=X(s)),!1!==Xt(q,l,z,o,s,i,n,!!s))return O(),l.appendChild(z),G=l,A(),N(!0)}else if(s.parentNode===l){i=X(s);var v,m,b,y=z.parentNode!==l,w=!function(t,e,n){var o=n?t.left:t.top,i=n?t.right:t.bottom,r=n?t.width:t.height,a=n?e.left:e.top,l=n?e.right:e.bottom,s=n?e.width:e.height;return o===a||i===l||o+r/2===a+s/2}(z.animated&&z.toRect||o,s.animated&&s.toRect||i,a),E=a?"top":"left",D=Y(s,"top","top")||Y(z,"top","top"),S=D?D.scrollTop:void 0;if(ht!==s&&(m=i[E],yt=!1,wt=!w&&e.invertSwap||y),0!==(v=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,u=o?n.top:n.left,d=o?n.bottom:n.right,h=!1;if(!a)if(l&&pt<c*i){if(!yt&&(1===ft?u+c*r/2<s:s<d-c*r/2)&&(yt=!0),yt)h=!0;else if(1===ft?s<u+pt:d-pt<s)return-ft}else if(u+c*(1-i)/2<s&&s<d-c*(1-i)/2)return function(t){return F(z)<F(t)?1:-1}(e);if((h=h||a)&&(s<u+c*r/2||d-c*r/2<s))return u+c/2<s?1:-1;return 0}(n,s,i,a,w?1:e.swapThreshold,null==e.invertedSwapThreshold?e.swapThreshold:e.invertedSwapThreshold,wt,ht===s)))for(var _=F(z);_-=v,(b=G.children[_])&&("none"===R(b,"display")||b===U););if(0===v||b===s)return N(!1);ft=v;var C=(ht=s).nextElementSibling,T=!1,x=Xt(q,l,z,o,s,i,n,T=1===v);if(!1!==x)return 1!==x&&-1!==x||(T=1===x),Dt=!0,setTimeout(Bt,30),O(),T&&!C?l.appendChild(z):s.parentNode.insertBefore(z,T?C:s),D&&L(D,0,S-D.scrollTop),G=z.parentNode,void 0===m||wt||(pt=Math.abs(m-X(s)[E])),A(),N(!0)}if(l.contains(z))return N(!1)}return!1}function M(t,e){K(t,f,I({evt:n,isOwner:u,axis:a?"vertical":"horizontal",revert:r,dragRect:o,targetRect:i,canSort:d,fromSortable:h,target:s,completed:N,onMove:function(t,e){return Xt(q,l,z,o,t,X(t),n,e)},changed:A},e))}function O(){M("dragOverAnimationCapture"),f.captureAnimationState(),f!==h&&h.captureAnimationState()}function N(t){return M("dragOverCompleted",{insertion:t}),t&&(u?c._hideClone():c._showClone(f),f!==h&&(k(z,it?it.options.ghostClass:c.options.ghostClass,!1),k(z,e.ghostClass,!0)),it!==f&&f!==Rt.active?it=f:f===Rt.active&&it&&(it=null),h===f&&(f._ignoreWhileAnimating=s),f.animateAll(function(){M("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==h&&(h.animateAll(),h._ignoreWhileAnimating=null)),(s===z&&!z.animated||s===l&&!s.animated)&&(ht=null),e.dragoverBubble||n.rootEl||s===document||(z.parentNode[j]._isOutsideThisEl(n.target),t||Pt(n)),!e.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),p=!0}function A(){tt=F(z),nt=F(z,e.draggable),W({sortable:f,name:"change",toEl:l,newIndex:tt,newDraggableIndex:nt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){s(document,"mousemove",this._onTouchMove),s(document,"touchmove",this._onTouchMove),s(document,"pointermove",this._onTouchMove),s(document,"dragover",Pt),s(document,"mousemove",Pt),s(document,"touchmove",Pt)},_offUpEvents:function(){var t=this.el.ownerDocument;s(t,"mouseup",this._onDrop),s(t,"touchend",this._onDrop),s(t,"pointerup",this._onDrop),s(t,"touchcancel",this._onDrop),s(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;tt=F(z),nt=F(z,n.draggable),K("drop",this,{evt:t}),G=z&&z.parentNode,tt=F(z),nt=F(z,n.draggable),Rt.eventCanceled||(yt=wt=vt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Lt(this.cloneId),Lt(this._dragStartId),this.nativeDraggable&&(s(document,"drop",this),s(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&R(document.body,"user-select",""),R(z,"transform",""),t&&(dt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),U&&U.parentNode&&U.parentNode.removeChild(U),(q===G||it&&"clone"!==it.lastPutMode)&&Q&&Q.parentNode&&Q.parentNode.removeChild(Q),z&&(this.nativeDraggable&&s(z,"dragend",this),Yt(z),z.style["will-change"]="",dt&&!vt&&k(z,it?it.options.ghostClass:this.options.ghostClass,!1),k(z,this.options.chosenClass,!1),W({sortable:this,name:"unchoose",toEl:G,newIndex:null,newDraggableIndex:null,originalEvent:t}),q!==G?(0<=tt&&(W({rootEl:G,name:"add",toEl:G,fromEl:q,originalEvent:t}),W({sortable:this,name:"remove",toEl:G,originalEvent:t}),W({rootEl:G,name:"sort",toEl:G,fromEl:q,originalEvent:t}),W({sortable:this,name:"sort",toEl:G,originalEvent:t})),it&&it.save()):tt!==J&&0<=tt&&(W({sortable:this,name:"update",toEl:G,originalEvent:t}),W({sortable:this,name:"sort",toEl:G,originalEvent:t})),Rt.active&&(null!=tt&&-1!==tt||(tt=J,nt=et),W({sortable:this,name:"end",toEl:G,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){K("nulling",this),q=z=G=U=V=Q=Z=$=rt=at=dt=tt=nt=J=et=ht=ft=it=ot=Rt.dragged=Rt.ghost=Rt.clone=Rt.active=null,St.forEach(function(t){t.checked=!0}),St.length=lt=st=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":z&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)P(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||Ft(t));return e},sort:function(t,e){var o={},i=this.el;this.toArray().forEach(function(t,e){var n=i.children[e];P(n,this.options.draggable,i,!1)&&(o[t]=n)},this),e&&this.captureAnimationState(),t.forEach(function(t){o[t]&&(i.removeChild(o[t]),i.appendChild(o[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return P(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=O.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Nt(n)},destroy:function(){K("destroy",this);var t=this.el;t[j]=null,s(t,"mousedown",this._onTapStart),s(t,"touchstart",this._onTapStart),s(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(s(t,"dragover",this),s(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),bt.splice(bt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!$){if(K("hideClone",this),Rt.eventCanceled)return;R(Q,"display","none"),this.options.removeCloneOnHide&&Q.parentNode&&Q.parentNode.removeChild(Q),$=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if($){if(K("showClone",this),Rt.eventCanceled)return;z.parentNode!=q||this.options.group.revertClone?V?q.insertBefore(Q,V):q.appendChild(Q):q.insertBefore(Q,z),this.options.group.revertClone&&this.animate(z,Q),R(Q,"display",""),$=!1}}else this._hideClone()}},_t&&d(document,"touchmove",function(t){(Rt.active||vt)&&t.cancelable&&t.preventDefault()}),Rt.utils={on:d,off:s,css:R,find:g,is:function(t,e){return!!P(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:D,closest:P,toggleClass:k,clone:S,index:F,nextTick:Ht,cancelNextTick:Lt,detectDirection:Ot,getChild:m},Rt.get=function(t){return t[j]},Rt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];e[0].constructor===Array&&(e=e[0]),e.forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Rt.utils=I({},Rt.utils,t.utils)),O.mount(t)})},Rt.create=function(t,e){return new Rt(t,e)};var jt,Kt,Wt,zt,Gt,Ut,qt=[],Vt=!(Rt.version="1.13.0");function Zt(){qt.forEach(function(t){clearInterval(t.pid)}),qt=[]}function Qt(){clearInterval(Ut)}function $t(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,l=t.unhideGhostForTarget;if(e){var s=n||i;a();var c=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,u=document.elementFromPoint(c.clientX,c.clientY);l(),s&&!s.el.contains(u)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n}))}}var Jt,te=D(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=A(),u=!1;Kt!==e&&(Kt=e,Zt(),jt=t.scroll,i=t.scrollFn,!0===jt&&(jt=H(e,!0)));var d=0,h=jt;do{var f=h,p=X(f),g=p.top,v=p.bottom,m=p.left,b=p.right,y=p.width,w=p.height,E=void 0,D=void 0,S=f.scrollWidth,_=f.scrollHeight,C=R(f),T=f.scrollLeft,x=f.scrollTop;D=f===c?(E=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(E=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY));var M=E&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(m-r)<=l&&!!T),O=D&&(Math.abs(v-a)<=l&&x+w<_)-(Math.abs(g-a)<=l&&!!x);if(!qt[d])for(var N=0;N<=d;N++)qt[N]||(qt[N]={});qt[d].vx==M&&qt[d].vy==O&&qt[d].el===f||(qt[d].el=f,qt[d].vx=M,qt[d].vy=O,clearInterval(qt[d].pid),0==M&&0==O||(u=!0,qt[d].pid=setInterval(function(){o&&0===this.layer&&Rt.active._onTouchMove(Gt);var t=qt[this.layer].vy?qt[this.layer].vy*s:0,e=qt[this.layer].vx?qt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(Rt.dragged.parentNode[j],e,t,n,Gt,qt[this.layer].el)||L(qt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=H(h,!1)));Vt=u}},30);function ee(){}function ne(){}ee.prototype={startIndex:null,dragStart:function(t){var e=t.oldDraggableIndex;this.startIndex=e},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();var o=m(this.sortable.el,this.startIndex,this.options);o?this.sortable.el.insertBefore(e,o):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:$t},a(ee,{pluginName:"revertOnSpill"}),ne.prototype={onSpill:function(t){var e=t.dragEl,n=t.putSortable||this.sortable;n.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),n.animateAll()},drop:$t},a(ne,{pluginName:"removeOnSpill"});var oe,ie,re,ae,le,se=[],ce=[],ue=!1,de=!1,he=!1;function fe(o,i){ce.forEach(function(t,e){var n=i.children[t.sortableIndex+(o?Number(e):0)];n?i.insertBefore(t,n):i.appendChild(t)})}function pe(){se.forEach(function(t){t!==re&&t.parentNode&&t.parentNode.removeChild(t)})}return Rt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var e=t.originalEvent;this.sortable.nativeDraggable?d(document,"dragover",this._handleAutoScroll):this.options.supportPointer?d(document,"pointermove",this._handleFallbackAutoScroll):e.touches?d(document,"touchmove",this._handleFallbackAutoScroll):d(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var e=t.originalEvent;this.options.dragOverBubble||e.rootEl||this._handleAutoScroll(e)},drop:function(){this.sortable.nativeDraggable?s(document,"dragover",this._handleAutoScroll):(s(document,"pointermove",this._handleFallbackAutoScroll),s(document,"touchmove",this._handleFallbackAutoScroll),s(document,"mousemove",this._handleFallbackAutoScroll)),Qt(),Zt(),clearTimeout(f),f=void 0},nulling:function(){Gt=Kt=jt=Vt=Ut=Wt=zt=null,qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o=this,i=(e.touches?e.touches[0]:e).clientX,r=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(i,r);if(Gt=e,n||E||w||u){te(e,this.options,t,n);var a=H(t,!0);!Vt||Ut&&i===Wt&&r===zt||(Ut&&Qt(),Ut=setInterval(function(){var t=H(document.elementFromPoint(i,r),!0);t!==a&&(a=t,Zt()),te(e,o.options,t,n)},10),Wt=i,zt=r)}else{if(!this.options.bubbleScroll||H(t,!0)===A())return void Zt();te(e,this.options,H(t,!1),!1)}}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),Rt.mount(ne,ee),Rt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){var e=t.dragEl;Jt=e},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;if(i.options.swap){var l=this.sortable.el,s=this.options;if(n&&n!==l){var c=Jt;Jt=!1!==o(n)?(k(n,s.swapClass,!0),n):null,c&&c!==Jt&&k(c,s.swapClass,!1)}r(),e(!0),a()}},drop:function(t){var e=t.activeSortable,n=t.putSortable,o=t.dragEl,i=n||this.sortable,r=this.options;Jt&&k(Jt,r.swapClass,!1),Jt&&(r.swap||n&&n.options.swap)&&o!==Jt&&(i.captureAnimationState(),i!==e&&e.captureAnimationState(),function(t,e){var n,o,i=t.parentNode,r=e.parentNode;if(!i||!r||i.isEqualNode(e)||r.isEqualNode(t))return;n=F(t),o=F(e),i.isEqualNode(r)&&n<o&&o++;i.insertBefore(e,i.children[n]),r.insertBefore(t,r.children[o])}(o,Jt),i.animateAll(),i!==e&&e.animateAll())},nulling:function(){Jt=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:Jt}}})}),Rt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.supportPointer?d(document,"pointerup",this._deselectMultiDrag):(d(document,"mouseup",this._deselectMultiDrag),d(document,"touchend",this._deselectMultiDrag)),d(document,"keydown",this._checkKeyDown),d(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,setData:function(t,e){var n="";se.length&&ie===o?se.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){var e=t.dragEl;re=e},delayEnded:function(){this.isMultiDrag=~se.indexOf(re)},setupClone:function(t){var e=t.sortable,n=t.cancel;if(this.isMultiDrag){for(var o=0;o<se.length;o++)ce.push(S(se[o])),ce[o].sortableIndex=se[o].sortableIndex,ce[o].draggable=!1,ce[o].style["will-change"]="",k(ce[o],this.options.selectedClass,!1),se[o]===re&&k(ce[o],this.options.chosenClass,!1);e._hideClone(),n()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,i=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||se.length&&ie===e&&(fe(!0,n),o("clone"),i()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,o=t.cancel;this.isMultiDrag&&(fe(!1,n),ce.forEach(function(t){R(t,"display","")}),e(),le=!1,o())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),o=t.cancel;this.isMultiDrag&&(ce.forEach(function(t){R(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),le=!0,o())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&ie&&ie.multiDrag._deselectMultiDrag(),se.forEach(function(t){t.sortableIndex=F(t)}),se=se.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),he=!0},dragStarted:function(t){var e=this,n=t.sortable;if(this.isMultiDrag){if(this.options.sort&&(n.captureAnimationState(),this.options.animation)){se.forEach(function(t){t!==re&&R(t,"position","absolute")});var o=X(re,!1,!0,!0);se.forEach(function(t){t!==re&&_(t,o)}),ue=de=!0}n.animateAll(function(){ue=de=!1,e.options.animation&&se.forEach(function(t){C(t)}),e.options.sort&&pe()})}},dragOver:function(t){var e=t.target,n=t.completed,o=t.cancel;de&&~se.indexOf(e)&&(n(!1),o())},revert:function(t){var e=t.fromSortable,n=t.rootEl,o=t.sortable,i=t.dragRect;1<se.length&&(se.forEach(function(t){o.addAnimationState({target:t,rect:de?X(t):i}),C(t),t.fromRect=i,e.removeAnimationState(t)}),de=!1,function(o,i){se.forEach(function(t,e){var n=i.children[t.sortableIndex+(o?Number(e):0)];n?i.insertBefore(t,n):i.appendChild(t)})}(!this.options.removeCloneOnHide,n))},dragOverCompleted:function(t){var e=t.sortable,n=t.isOwner,o=t.insertion,i=t.activeSortable,r=t.parentEl,a=t.putSortable,l=this.options;if(o){if(n&&i._hideClone(),ue=!1,l.animation&&1<se.length&&(de||!n&&!i.options.sort&&!a)){var s=X(re,!1,!0,!0);se.forEach(function(t){t!==re&&(_(t,s),r.appendChild(t))}),de=!0}if(!n)if(de||pe(),1<se.length){var c=le;i._showClone(e),i.options.animation&&!le&&c&&ce.forEach(function(t){i.addAnimationState({target:t,rect:ae}),t.fromRect=ae,t.thisAnimationDuration=null})}else i._showClone(e)}},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,o=t.activeSortable;if(se.forEach(function(t){t.thisAnimationDuration=null}),o.options.animation&&!n&&o.multiDrag.isMultiDrag){ae=a({},e);var i=v(re,!0);ae.top-=i.f,ae.left-=i.e}},dragOverAnimationComplete:function(){de&&(de=!1,pe())},drop:function(t){var e=t.originalEvent,n=t.rootEl,o=t.parentEl,i=t.sortable,r=t.dispatchSortableEvent,a=t.oldIndex,l=t.putSortable,s=l||this.sortable;if(e){var c=this.options,u=o.children;if(!he)if(c.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),k(re,c.selectedClass,!~se.indexOf(re)),~se.indexOf(re))se.splice(se.indexOf(re),1),oe=null,N({sortable:i,rootEl:n,name:"deselect",targetEl:re,originalEvt:e});else{if(se.push(re),N({sortable:i,rootEl:n,name:"select",targetEl:re,originalEvt:e}),e.shiftKey&&oe&&i.el.contains(oe)){var d,h,f=F(oe),p=F(re);if(~f&&~p&&f!==p)for(d=f<p?(h=f,p):(h=p,f+1);h<d;h++)~se.indexOf(u[h])||(k(u[h],c.selectedClass,!0),se.push(u[h]),N({sortable:i,rootEl:n,name:"select",targetEl:u[h],originalEvt:e}))}else oe=re;ie=s}if(he&&this.isMultiDrag){if((o[j].options.sort||o!==n)&&1<se.length){var g=X(re),v=F(re,":not(."+this.options.selectedClass+")");if(!ue&&c.animation&&(re.thisAnimationDuration=null),s.captureAnimationState(),!ue&&(c.animation&&(re.fromRect=g,se.forEach(function(t){if(t.thisAnimationDuration=null,t!==re){var e=de?X(t):g;t.fromRect=e,s.addAnimationState({target:t,rect:e})}})),pe(),se.forEach(function(t){u[v]?o.insertBefore(t,u[v]):o.appendChild(t),v++}),a===F(re))){var m=!1;se.forEach(function(t){t.sortableIndex===F(t)||(m=!0)}),m&&r("update")}se.forEach(function(t){C(t)}),s.animateAll()}ie=s}(n===o||l&&"clone"!==l.lastPutMode)&&ce.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)})}},nullingGlobal:function(){this.isMultiDrag=he=!1,ce.length=0},destroyGlobal:function(){this._deselectMultiDrag(),s(document,"pointerup",this._deselectMultiDrag),s(document,"mouseup",this._deselectMultiDrag),s(document,"touchend",this._deselectMultiDrag),s(document,"keydown",this._checkKeyDown),s(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==he&&he||ie!==this.sortable||t&&P(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;se.length;){var e=se[0];k(e,this.options.selectedClass,!1),se.shift(),N({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvt:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[j];e&&e.options.multiDrag&&!~se.indexOf(t)&&(ie&&ie!==e&&(ie.multiDrag._deselectMultiDrag(),ie=e),k(t,e.options.selectedClass,!0),se.push(t))},deselect:function(t){var e=t.parentNode[j],n=se.indexOf(t);e&&e.options.multiDrag&&~n&&(k(t,e.options.selectedClass,!1),se.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return se.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=de&&t!==re?-1:de?F(t,":not(."+n.options.selectedClass+")"):F(t),i.push({multiDragElement:t,index:e})}),{items:e(se),clones:[].concat(ce),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),Rt});
diff --git a/asset/js/vendor/flatpickr.js b/asset/js/vendor/flatpickr.js
new file mode 100644
index 0000000..bb21f88
--- /dev/null
+++ b/asset/js/vendor/flatpickr.js
@@ -0,0 +1,2705 @@
+/* flatpickr v4.6.9, @license MIT */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.icinga ? define(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.flatpickr = factory());
+}(this, (function () { 'use strict';
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+
+    var HOOKS = [
+        "onChange",
+        "onClose",
+        "onDayCreate",
+        "onDestroy",
+        "onKeyDown",
+        "onMonthChange",
+        "onOpen",
+        "onParseConfig",
+        "onReady",
+        "onValueUpdate",
+        "onYearChange",
+        "onPreCalendarPosition",
+    ];
+    var defaults = {
+        _disable: [],
+        allowInput: false,
+        allowInvalidPreload: false,
+        altFormat: "F j, Y",
+        altInput: false,
+        altInputClass: "form-control input",
+        animate: typeof window === "object" &&
+            window.navigator.userAgent.indexOf("MSIE") === -1,
+        ariaDateFormat: "F j, Y",
+        autoFillDefaultTime: true,
+        clickOpens: true,
+        closeOnSelect: true,
+        conjunction: ", ",
+        dateFormat: "Y-m-d",
+        defaultHour: 12,
+        defaultMinute: 0,
+        defaultSeconds: 0,
+        disable: [],
+        disableMobile: false,
+        enableSeconds: false,
+        enableTime: false,
+        errorHandler: function (err) {
+            return typeof console !== "undefined" && console.warn(err);
+        },
+        getWeek: function (givenDate) {
+            var date = new Date(givenDate.getTime());
+            date.setHours(0, 0, 0, 0);
+            // Thursday in current week decides the year.
+            date.setDate(date.getDate() + 3 - ((date.getDay() + 6) % 7));
+            // January 4 is always in week 1.
+            var week1 = new Date(date.getFullYear(), 0, 4);
+            // Adjust to Thursday in week 1 and count number of weeks from date to week1.
+            return (1 +
+                Math.round(((date.getTime() - week1.getTime()) / 86400000 -
+                    3 +
+                    ((week1.getDay() + 6) % 7)) /
+                    7));
+        },
+        hourIncrement: 1,
+        ignoredFocusElements: [],
+        inline: false,
+        locale: "default",
+        minuteIncrement: 5,
+        mode: "single",
+        monthSelectorType: "dropdown",
+        nextArrow: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z' /></svg>",
+        noCalendar: false,
+        now: new Date(),
+        onChange: [],
+        onClose: [],
+        onDayCreate: [],
+        onDestroy: [],
+        onKeyDown: [],
+        onMonthChange: [],
+        onOpen: [],
+        onParseConfig: [],
+        onReady: [],
+        onValueUpdate: [],
+        onYearChange: [],
+        onPreCalendarPosition: [],
+        plugins: [],
+        position: "auto",
+        positionElement: undefined,
+        prevArrow: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z' /></svg>",
+        shorthandCurrentMonth: false,
+        showMonths: 1,
+        static: false,
+        time_24hr: false,
+        weekNumbers: false,
+        wrap: false,
+    };
+
+    var english = {
+        weekdays: {
+            shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+            longhand: [
+                "Sunday",
+                "Monday",
+                "Tuesday",
+                "Wednesday",
+                "Thursday",
+                "Friday",
+                "Saturday",
+            ],
+        },
+        months: {
+            shorthand: [
+                "Jan",
+                "Feb",
+                "Mar",
+                "Apr",
+                "May",
+                "Jun",
+                "Jul",
+                "Aug",
+                "Sep",
+                "Oct",
+                "Nov",
+                "Dec",
+            ],
+            longhand: [
+                "January",
+                "February",
+                "March",
+                "April",
+                "May",
+                "June",
+                "July",
+                "August",
+                "September",
+                "October",
+                "November",
+                "December",
+            ],
+        },
+        daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+        firstDayOfWeek: 0,
+        ordinal: function (nth) {
+            var s = nth % 100;
+            if (s > 3 && s < 21)
+                return "th";
+            switch (s % 10) {
+                case 1:
+                    return "st";
+                case 2:
+                    return "nd";
+                case 3:
+                    return "rd";
+                default:
+                    return "th";
+            }
+        },
+        rangeSeparator: " to ",
+        weekAbbreviation: "Wk",
+        scrollTitle: "Scroll to increment",
+        toggleTitle: "Click to toggle",
+        amPM: ["AM", "PM"],
+        yearAriaLabel: "Year",
+        monthAriaLabel: "Month",
+        hourAriaLabel: "Hour",
+        minuteAriaLabel: "Minute",
+        time_24hr: false,
+    };
+
+    var pad = function (number, length) {
+        if (length === void 0) { length = 2; }
+        return ("000" + number).slice(length * -1);
+    };
+    var int = function (bool) { return (bool === true ? 1 : 0); };
+    /* istanbul ignore next */
+    function debounce(fn, wait) {
+        var t;
+        return function () {
+            var _this = this;
+            var args = arguments;
+            clearTimeout(t);
+            t = setTimeout(function () { return fn.apply(_this, args); }, wait);
+        };
+    }
+    var arrayify = function (obj) {
+        return obj instanceof Array ? obj : [obj];
+    };
+
+    function toggleClass(elem, className, bool) {
+        if (bool === true)
+            return elem.classList.add(className);
+        elem.classList.remove(className);
+    }
+    function createElement(tag, className, content) {
+        var e = window.document.createElement(tag);
+        className = className || "";
+        content = content || "";
+        e.className = className;
+        if (content !== undefined)
+            e.textContent = content;
+        return e;
+    }
+    function clearNode(node) {
+        while (node.firstChild)
+            node.removeChild(node.firstChild);
+    }
+    function findParent(node, condition) {
+        if (condition(node))
+            return node;
+        else if (node.parentNode)
+            return findParent(node.parentNode, condition);
+        return undefined; // nothing found
+    }
+    function createNumberInput(inputClassName, opts) {
+        var wrapper = createElement("div", "numInputWrapper"), numInput = createElement("input", "numInput " + inputClassName), arrowUp = createElement("span", "arrowUp"), arrowDown = createElement("span", "arrowDown");
+        if (navigator.userAgent.indexOf("MSIE 9.0") === -1) {
+            numInput.type = "number";
+        }
+        else {
+            numInput.type = "text";
+            numInput.pattern = "\\d*";
+        }
+        if (opts !== undefined)
+            for (var key in opts)
+                numInput.setAttribute(key, opts[key]);
+        wrapper.appendChild(numInput);
+        wrapper.appendChild(arrowUp);
+        wrapper.appendChild(arrowDown);
+        return wrapper;
+    }
+    function getEventTarget(event) {
+        try {
+            if (typeof event.composedPath === "function") {
+                var path = event.composedPath();
+                return path[0];
+            }
+            return event.target;
+        }
+        catch (error) {
+            return event.target;
+        }
+    }
+
+    var doNothing = function () { return undefined; };
+    var monthToStr = function (monthNumber, shorthand, locale) { return locale.months[shorthand ? "shorthand" : "longhand"][monthNumber]; };
+    var revFormat = {
+        D: doNothing,
+        F: function (dateObj, monthName, locale) {
+            dateObj.setMonth(locale.months.longhand.indexOf(monthName));
+        },
+        G: function (dateObj, hour) {
+            dateObj.setHours(parseFloat(hour));
+        },
+        H: function (dateObj, hour) {
+            dateObj.setHours(parseFloat(hour));
+        },
+        J: function (dateObj, day) {
+            dateObj.setDate(parseFloat(day));
+        },
+        K: function (dateObj, amPM, locale) {
+            dateObj.setHours((dateObj.getHours() % 12) +
+                12 * int(new RegExp(locale.amPM[1], "i").test(amPM)));
+        },
+        M: function (dateObj, shortMonth, locale) {
+            dateObj.setMonth(locale.months.shorthand.indexOf(shortMonth));
+        },
+        S: function (dateObj, seconds) {
+            dateObj.setSeconds(parseFloat(seconds));
+        },
+        U: function (_, unixSeconds) { return new Date(parseFloat(unixSeconds) * 1000); },
+        W: function (dateObj, weekNum, locale) {
+            var weekNumber = parseInt(weekNum);
+            var date = new Date(dateObj.getFullYear(), 0, 2 + (weekNumber - 1) * 7, 0, 0, 0, 0);
+            date.setDate(date.getDate() - date.getDay() + locale.firstDayOfWeek);
+            return date;
+        },
+        Y: function (dateObj, year) {
+            dateObj.setFullYear(parseFloat(year));
+        },
+        Z: function (_, ISODate) { return new Date(ISODate); },
+        d: function (dateObj, day) {
+            dateObj.setDate(parseFloat(day));
+        },
+        h: function (dateObj, hour) {
+            dateObj.setHours(parseFloat(hour));
+        },
+        i: function (dateObj, minutes) {
+            dateObj.setMinutes(parseFloat(minutes));
+        },
+        j: function (dateObj, day) {
+            dateObj.setDate(parseFloat(day));
+        },
+        l: doNothing,
+        m: function (dateObj, month) {
+            dateObj.setMonth(parseFloat(month) - 1);
+        },
+        n: function (dateObj, month) {
+            dateObj.setMonth(parseFloat(month) - 1);
+        },
+        s: function (dateObj, seconds) {
+            dateObj.setSeconds(parseFloat(seconds));
+        },
+        u: function (_, unixMillSeconds) {
+            return new Date(parseFloat(unixMillSeconds));
+        },
+        w: doNothing,
+        y: function (dateObj, year) {
+            dateObj.setFullYear(2000 + parseFloat(year));
+        },
+    };
+    var tokenRegex = {
+        D: "(\\w+)",
+        F: "(\\w+)",
+        G: "(\\d\\d|\\d)",
+        H: "(\\d\\d|\\d)",
+        J: "(\\d\\d|\\d)\\w+",
+        K: "",
+        M: "(\\w+)",
+        S: "(\\d\\d|\\d)",
+        U: "(.+)",
+        W: "(\\d\\d|\\d)",
+        Y: "(\\d{4})",
+        Z: "(.+)",
+        d: "(\\d\\d|\\d)",
+        h: "(\\d\\d|\\d)",
+        i: "(\\d\\d|\\d)",
+        j: "(\\d\\d|\\d)",
+        l: "(\\w+)",
+        m: "(\\d\\d|\\d)",
+        n: "(\\d\\d|\\d)",
+        s: "(\\d\\d|\\d)",
+        u: "(.+)",
+        w: "(\\d\\d|\\d)",
+        y: "(\\d{2})",
+    };
+    var formats = {
+        // get the date in UTC
+        Z: function (date) { return date.toISOString(); },
+        // weekday name, short, e.g. Thu
+        D: function (date, locale, options) {
+            return locale.weekdays.shorthand[formats.w(date, locale, options)];
+        },
+        // full month name e.g. January
+        F: function (date, locale, options) {
+            return monthToStr(formats.n(date, locale, options) - 1, false, locale);
+        },
+        // padded hour 1-12
+        G: function (date, locale, options) {
+            return pad(formats.h(date, locale, options));
+        },
+        // hours with leading zero e.g. 03
+        H: function (date) { return pad(date.getHours()); },
+        // day (1-30) with ordinal suffix e.g. 1st, 2nd
+        J: function (date, locale) {
+            return locale.ordinal !== undefined
+                ? date.getDate() + locale.ordinal(date.getDate())
+                : date.getDate();
+        },
+        // AM/PM
+        K: function (date, locale) { return locale.amPM[int(date.getHours() > 11)]; },
+        // shorthand month e.g. Jan, Sep, Oct, etc
+        M: function (date, locale) {
+            return monthToStr(date.getMonth(), true, locale);
+        },
+        // seconds 00-59
+        S: function (date) { return pad(date.getSeconds()); },
+        // unix timestamp
+        U: function (date) { return date.getTime() / 1000; },
+        W: function (date, _, options) {
+            return options.getWeek(date);
+        },
+        // full year e.g. 2016, padded (0001-9999)
+        Y: function (date) { return pad(date.getFullYear(), 4); },
+        // day in month, padded (01-30)
+        d: function (date) { return pad(date.getDate()); },
+        // hour from 1-12 (am/pm)
+        h: function (date) { return (date.getHours() % 12 ? date.getHours() % 12 : 12); },
+        // minutes, padded with leading zero e.g. 09
+        i: function (date) { return pad(date.getMinutes()); },
+        // day in month (1-30)
+        j: function (date) { return date.getDate(); },
+        // weekday name, full, e.g. Thursday
+        l: function (date, locale) {
+            return locale.weekdays.longhand[date.getDay()];
+        },
+        // padded month number (01-12)
+        m: function (date) { return pad(date.getMonth() + 1); },
+        // the month number (1-12)
+        n: function (date) { return date.getMonth() + 1; },
+        // seconds 0-59
+        s: function (date) { return date.getSeconds(); },
+        // Unix Milliseconds
+        u: function (date) { return date.getTime(); },
+        // number of the day of the week
+        w: function (date) { return date.getDay(); },
+        // last two digits of year e.g. 16 for 2016
+        y: function (date) { return String(date.getFullYear()).substring(2); },
+    };
+
+    var createDateFormatter = function (_a) {
+        var _b = _a.config, config = _b === void 0 ? defaults : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c, _d = _a.isMobile, isMobile = _d === void 0 ? false : _d;
+        return function (dateObj, frmt, overrideLocale) {
+            var locale = overrideLocale || l10n;
+            if (config.formatDate !== undefined && !isMobile) {
+                return config.formatDate(dateObj, frmt, locale);
+            }
+            return frmt
+                .split("")
+                .map(function (c, i, arr) {
+                return formats[c] && arr[i - 1] !== "\\"
+                    ? formats[c](dateObj, locale, config)
+                    : c !== "\\"
+                        ? c
+                        : "";
+            })
+                .join("");
+        };
+    };
+    var createDateParser = function (_a) {
+        var _b = _a.config, config = _b === void 0 ? defaults : _b, _c = _a.l10n, l10n = _c === void 0 ? english : _c;
+        return function (date, givenFormat, timeless, customLocale) {
+            if (date !== 0 && !date)
+                return undefined;
+            var locale = customLocale || l10n;
+            var parsedDate;
+            var dateOrig = date;
+            if (date instanceof Date)
+                parsedDate = new Date(date.getTime());
+            else if (typeof date !== "string" &&
+                date.toFixed !== undefined // timestamp
+            )
+                // create a copy
+                parsedDate = new Date(date);
+            else if (typeof date === "string") {
+                // date string
+                var format = givenFormat || (config || defaults).dateFormat;
+                var datestr = String(date).trim();
+                if (datestr === "today") {
+                    parsedDate = new Date();
+                    timeless = true;
+                }
+                else if (config && config.parseDate) {
+                    parsedDate = config.parseDate(date, format);
+                }
+                else if (/Z$/.test(datestr) ||
+                    /GMT$/.test(datestr) // datestrings w/ timezone
+                ) {
+                    parsedDate = new Date(date);
+                }
+                else {
+                    var matched = void 0, ops = [];
+                    for (var i = 0, matchIndex = 0, regexStr = ""; i < format.length; i++) {
+                        var token_1 = format[i];
+                        var isBackSlash = token_1 === "\\";
+                        var escaped = format[i - 1] === "\\" || isBackSlash;
+                        if (tokenRegex[token_1] && !escaped) {
+                            regexStr += tokenRegex[token_1];
+                            var match = new RegExp(regexStr).exec(date);
+                            if (match && (matched = true)) {
+                                ops[token_1 !== "Y" ? "push" : "unshift"]({
+                                    fn: revFormat[token_1],
+                                    val: match[++matchIndex],
+                                });
+                            }
+                        }
+                        else if (!isBackSlash)
+                            regexStr += "."; // don't really care
+                    }
+                    parsedDate =
+                        !config || !config.noCalendar
+                            ? new Date(new Date().getFullYear(), 0, 1, 0, 0, 0, 0)
+                            : new Date(new Date().setHours(0, 0, 0, 0));
+                    ops.forEach(function (_a) {
+                        var fn = _a.fn, val = _a.val;
+                        return (parsedDate = fn(parsedDate, val, locale) || parsedDate);
+                    });
+                    parsedDate = matched ? parsedDate : undefined;
+                }
+            }
+            /* istanbul ignore next */
+            if (!(parsedDate instanceof Date && !isNaN(parsedDate.getTime()))) {
+                config.errorHandler(new Error("Invalid date provided: " + dateOrig));
+                return undefined;
+            }
+            if (timeless === true)
+                parsedDate.setHours(0, 0, 0, 0);
+            return parsedDate;
+        };
+    };
+    /**
+     * Compute the difference in dates, measured in ms
+     */
+    function compareDates(date1, date2, timeless) {
+        if (timeless === void 0) { timeless = true; }
+        if (timeless !== false) {
+            return (new Date(date1.getTime()).setHours(0, 0, 0, 0) -
+                new Date(date2.getTime()).setHours(0, 0, 0, 0));
+        }
+        return date1.getTime() - date2.getTime();
+    }
+    var isBetween = function (ts, ts1, ts2) {
+        return ts > Math.min(ts1, ts2) && ts < Math.max(ts1, ts2);
+    };
+    var calculateSecondsSinceMidnight = function (hours, minutes, seconds) {
+        return hours * 3600 + minutes * 60 + seconds;
+    };
+    var parseSeconds = function (secondsSinceMidnight) {
+        var hours = Math.floor(secondsSinceMidnight / 3600), minutes = (secondsSinceMidnight - hours * 3600) / 60;
+        return [hours, minutes, secondsSinceMidnight - hours * 3600 - minutes * 60];
+    };
+    var duration = {
+        DAY: 86400000,
+    };
+    function getDefaultHours(config) {
+        var hours = config.defaultHour;
+        var minutes = config.defaultMinute;
+        var seconds = config.defaultSeconds;
+        if (config.minDate !== undefined) {
+            var minHour = config.minDate.getHours();
+            var minMinutes = config.minDate.getMinutes();
+            var minSeconds = config.minDate.getSeconds();
+            if (hours < minHour) {
+                hours = minHour;
+            }
+            if (hours === minHour && minutes < minMinutes) {
+                minutes = minMinutes;
+            }
+            if (hours === minHour && minutes === minMinutes && seconds < minSeconds)
+                seconds = config.minDate.getSeconds();
+        }
+        if (config.maxDate !== undefined) {
+            var maxHr = config.maxDate.getHours();
+            var maxMinutes = config.maxDate.getMinutes();
+            hours = Math.min(hours, maxHr);
+            if (hours === maxHr)
+                minutes = Math.min(maxMinutes, minutes);
+            if (hours === maxHr && minutes === maxMinutes)
+                seconds = config.maxDate.getSeconds();
+        }
+        return { hours: hours, minutes: minutes, seconds: seconds };
+    }
+
+    if (typeof Object.assign !== "function") {
+        Object.assign = function (target) {
+            var args = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                args[_i - 1] = arguments[_i];
+            }
+            if (!target) {
+                throw TypeError("Cannot convert undefined or null to object");
+            }
+            var _loop_1 = function (source) {
+                if (source) {
+                    Object.keys(source).forEach(function (key) { return (target[key] = source[key]); });
+                }
+            };
+            for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {
+                var source = args_1[_a];
+                _loop_1(source);
+            }
+            return target;
+        };
+    }
+
+    var DEBOUNCED_CHANGE_MS = 300;
+    function FlatpickrInstance(element, instanceConfig) {
+        var self = {
+            config: __assign(__assign({}, defaults), flatpickr.defaultConfig),
+            l10n: english,
+        };
+        self.parseDate = createDateParser({ config: self.config, l10n: self.l10n });
+        self._handlers = [];
+        self.pluginElements = [];
+        self.loadedPlugins = [];
+        self._bind = bind;
+        self._setHoursFromDate = setHoursFromDate;
+        self._positionCalendar = positionCalendar;
+        self.changeMonth = changeMonth;
+        self.changeYear = changeYear;
+        self.clear = clear;
+        self.close = close;
+        self._createElement = createElement;
+        self.destroy = destroy;
+        self.isEnabled = isEnabled;
+        self.jumpToDate = jumpToDate;
+        self.open = open;
+        self.redraw = redraw;
+        self.set = set;
+        self.setDate = setDate;
+        self.toggle = toggle;
+        function setupHelperFunctions() {
+            self.utils = {
+                getDaysInMonth: function (month, yr) {
+                    if (month === void 0) { month = self.currentMonth; }
+                    if (yr === void 0) { yr = self.currentYear; }
+                    if (month === 1 && ((yr % 4 === 0 && yr % 100 !== 0) || yr % 400 === 0))
+                        return 29;
+                    return self.l10n.daysInMonth[month];
+                },
+            };
+        }
+        function init() {
+            self.element = self.input = element;
+            self.isOpen = false;
+            parseConfig();
+            setupLocale();
+            setupInputs();
+            setupDates();
+            setupHelperFunctions();
+            if (!self.isMobile)
+                build();
+            bindEvents();
+            if (self.selectedDates.length || self.config.noCalendar) {
+                if (self.config.enableTime) {
+                    setHoursFromDate(self.config.noCalendar ? self.latestSelectedDateObj : undefined);
+                }
+                updateValue(false);
+            }
+            setCalendarWidth();
+            var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+            /* TODO: investigate this further
+        
+              Currently, there is weird positioning behavior in safari causing pages
+              to scroll up. https://github.com/chmln/flatpickr/issues/563
+        
+              However, most browsers are not Safari and positioning is expensive when used
+              in scale. https://github.com/chmln/flatpickr/issues/1096
+            */
+            if (!self.isMobile && isSafari) {
+                positionCalendar();
+            }
+            triggerEvent("onReady");
+        }
+        function bindToInstance(fn) {
+            return fn.bind(self);
+        }
+        function setCalendarWidth() {
+            var config = self.config;
+            if (config.weekNumbers === false && config.showMonths === 1) {
+                return;
+            }
+            else if (config.noCalendar !== true) {
+                window.requestAnimationFrame(function () {
+                    if (self.calendarContainer !== undefined) {
+                        self.calendarContainer.style.visibility = "hidden";
+                        self.calendarContainer.style.display = "block";
+                    }
+                    if (self.daysContainer !== undefined) {
+                        var daysWidth = (self.days.offsetWidth + 1) * config.showMonths;
+                        self.daysContainer.style.width = daysWidth + "px";
+                        self.calendarContainer.style.width =
+                            daysWidth +
+                                (self.weekWrapper !== undefined
+                                    ? self.weekWrapper.offsetWidth
+                                    : 0) +
+                                "px";
+                        self.calendarContainer.style.removeProperty("visibility");
+                        self.calendarContainer.style.removeProperty("display");
+                    }
+                });
+            }
+        }
+        /**
+         * The handler for all events targeting the time inputs
+         */
+        function updateTime(e) {
+            if (self.selectedDates.length === 0) {
+                var defaultDate = self.config.minDate === undefined ||
+                    compareDates(new Date(), self.config.minDate) >= 0
+                    ? new Date()
+                    : new Date(self.config.minDate.getTime());
+                var defaults = getDefaultHours(self.config);
+                defaultDate.setHours(defaults.hours, defaults.minutes, defaults.seconds, defaultDate.getMilliseconds());
+                self.selectedDates = [defaultDate];
+                self.latestSelectedDateObj = defaultDate;
+            }
+            if (e !== undefined && e.type !== "blur") {
+                timeWrapper(e);
+            }
+            var prevValue = self._input.value;
+            setHoursFromInputs();
+            updateValue();
+            if (self._input.value !== prevValue) {
+                self._debouncedChange();
+            }
+        }
+        function ampm2military(hour, amPM) {
+            return (hour % 12) + 12 * int(amPM === self.l10n.amPM[1]);
+        }
+        function military2ampm(hour) {
+            switch (hour % 24) {
+                case 0:
+                case 12:
+                    return 12;
+                default:
+                    return hour % 12;
+            }
+        }
+        /**
+         * Syncs the selected date object time with user's time input
+         */
+        function setHoursFromInputs() {
+            if (self.hourElement === undefined || self.minuteElement === undefined)
+                return;
+            var hours = (parseInt(self.hourElement.value.slice(-2), 10) || 0) % 24, minutes = (parseInt(self.minuteElement.value, 10) || 0) % 60, seconds = self.secondElement !== undefined
+                ? (parseInt(self.secondElement.value, 10) || 0) % 60
+                : 0;
+            if (self.amPM !== undefined) {
+                hours = ampm2military(hours, self.amPM.textContent);
+            }
+            var limitMinHours = self.config.minTime !== undefined ||
+                (self.config.minDate &&
+                    self.minDateHasTime &&
+                    self.latestSelectedDateObj &&
+                    compareDates(self.latestSelectedDateObj, self.config.minDate, true) ===
+                        0);
+            var limitMaxHours = self.config.maxTime !== undefined ||
+                (self.config.maxDate &&
+                    self.maxDateHasTime &&
+                    self.latestSelectedDateObj &&
+                    compareDates(self.latestSelectedDateObj, self.config.maxDate, true) ===
+                        0);
+            if (self.config.maxTime !== undefined &&
+                self.config.minTime !== undefined &&
+                self.config.minTime > self.config.maxTime) {
+                var minBound = calculateSecondsSinceMidnight(self.config.minTime.getHours(), self.config.minTime.getMinutes(), self.config.minTime.getSeconds());
+                var maxBound = calculateSecondsSinceMidnight(self.config.maxTime.getHours(), self.config.maxTime.getMinutes(), self.config.maxTime.getSeconds());
+                var currentTime = calculateSecondsSinceMidnight(hours, minutes, seconds);
+                if (currentTime > maxBound && currentTime < minBound) {
+                    var result = parseSeconds(minBound);
+                    hours = result[0];
+                    minutes = result[1];
+                    seconds = result[2];
+                }
+            }
+            else {
+                if (limitMaxHours) {
+                    var maxTime = self.config.maxTime !== undefined
+                        ? self.config.maxTime
+                        : self.config.maxDate;
+                    hours = Math.min(hours, maxTime.getHours());
+                    if (hours === maxTime.getHours())
+                        minutes = Math.min(minutes, maxTime.getMinutes());
+                    if (minutes === maxTime.getMinutes())
+                        seconds = Math.min(seconds, maxTime.getSeconds());
+                }
+                if (limitMinHours) {
+                    var minTime = self.config.minTime !== undefined
+                        ? self.config.minTime
+                        : self.config.minDate;
+                    hours = Math.max(hours, minTime.getHours());
+                    if (hours === minTime.getHours() && minutes < minTime.getMinutes())
+                        minutes = minTime.getMinutes();
+                    if (minutes === minTime.getMinutes())
+                        seconds = Math.max(seconds, minTime.getSeconds());
+                }
+            }
+            setHours(hours, minutes, seconds);
+        }
+        /**
+         * Syncs time input values with a date
+         */
+        function setHoursFromDate(dateObj) {
+            var date = dateObj || self.latestSelectedDateObj;
+            if (date) {
+                setHours(date.getHours(), date.getMinutes(), date.getSeconds());
+            }
+        }
+        /**
+         * Sets the hours, minutes, and optionally seconds
+         * of the latest selected date object and the
+         * corresponding time inputs
+         * @param {Number} hours the hour. whether its military
+         *                 or am-pm gets inferred from config
+         * @param {Number} minutes the minutes
+         * @param {Number} seconds the seconds (optional)
+         */
+        function setHours(hours, minutes, seconds) {
+            if (self.latestSelectedDateObj !== undefined) {
+                self.latestSelectedDateObj.setHours(hours % 24, minutes, seconds || 0, 0);
+            }
+            if (!self.hourElement || !self.minuteElement || self.isMobile)
+                return;
+            self.hourElement.value = pad(!self.config.time_24hr
+                ? ((12 + hours) % 12) + 12 * int(hours % 12 === 0)
+                : hours);
+            self.minuteElement.value = pad(minutes);
+            if (self.amPM !== undefined)
+                self.amPM.textContent = self.l10n.amPM[int(hours >= 12)];
+            if (self.secondElement !== undefined)
+                self.secondElement.value = pad(seconds);
+        }
+        /**
+         * Handles the year input and incrementing events
+         * @param {Event} event the keyup or increment event
+         */
+        function onYearInput(event) {
+            var eventTarget = getEventTarget(event);
+            var year = parseInt(eventTarget.value) + (event.delta || 0);
+            if (year / 1000 > 1 ||
+                (event.key === "Enter" && !/[^\d]/.test(year.toString()))) {
+                changeYear(year);
+            }
+        }
+        /**
+         * Essentially addEventListener + tracking
+         * @param {Element} element the element to addEventListener to
+         * @param {String} event the event name
+         * @param {Function} handler the event handler
+         */
+        function bind(element, event, handler, options) {
+            if (event instanceof Array)
+                return event.forEach(function (ev) { return bind(element, ev, handler, options); });
+            if (element instanceof Array)
+                return element.forEach(function (el) { return bind(el, event, handler, options); });
+            element.addEventListener(event, handler, options);
+            self._handlers.push({
+                remove: function () { return element.removeEventListener(event, handler); },
+            });
+        }
+        function triggerChange() {
+            triggerEvent("onChange");
+        }
+        /**
+         * Adds all the necessary event listeners
+         */
+        function bindEvents() {
+            if (self.config.wrap) {
+                ["open", "close", "toggle", "clear"].forEach(function (evt) {
+                    Array.prototype.forEach.call(self.element.querySelectorAll("[data-" + evt + "]"), function (el) {
+                        return bind(el, "click", self[evt]);
+                    });
+                });
+            }
+            if (self.isMobile) {
+                setupMobile();
+                return;
+            }
+            var debouncedResize = debounce(onResize, 50);
+            self._debouncedChange = debounce(triggerChange, DEBOUNCED_CHANGE_MS);
+            if (self.daysContainer && !/iPhone|iPad|iPod/i.test(navigator.userAgent))
+                bind(self.daysContainer, "mouseover", function (e) {
+                    if (self.config.mode === "range")
+                        onMouseOver(getEventTarget(e));
+                });
+            bind(self._input, "keydown", onKeyDown);
+            if (self.calendarContainer !== undefined) {
+                bind(self.calendarContainer, "keydown", onKeyDown);
+            }
+            if (!self.config.inline && !self.config.static)
+                bind(window, "resize", debouncedResize);
+            if (window.ontouchstart !== undefined)
+                bind(window.document, "touchstart", documentClick);
+            else
+                bind(window.document, "mousedown", documentClick);
+            bind(window.document, "focus", documentClick, { capture: true });
+            if (self.config.clickOpens === true) {
+                bind(self._input, "focus", self.open);
+                bind(self._input, "click", self.open);
+            }
+            if (self.daysContainer !== undefined) {
+                bind(self.monthNav, "click", onMonthNavClick);
+                bind(self.monthNav, ["keyup", "increment"], onYearInput);
+                bind(self.daysContainer, "click", selectDate);
+            }
+            if (self.timeContainer !== undefined &&
+                self.minuteElement !== undefined &&
+                self.hourElement !== undefined) {
+                var selText = function (e) {
+                    return getEventTarget(e).select();
+                };
+                bind(self.timeContainer, ["increment"], updateTime);
+                bind(self.timeContainer, "blur", updateTime, { capture: true });
+                bind(self.timeContainer, "click", timeIncrement);
+                bind([self.hourElement, self.minuteElement], ["focus", "click"], selText);
+                if (self.secondElement !== undefined)
+                    bind(self.secondElement, "focus", function () { return self.secondElement && self.secondElement.select(); });
+                if (self.amPM !== undefined) {
+                    bind(self.amPM, "click", function (e) {
+                        updateTime(e);
+                        triggerChange();
+                    });
+                }
+            }
+            if (self.config.allowInput) {
+                bind(self._input, "blur", onBlur);
+            }
+        }
+        /**
+         * Set the calendar view to a particular date.
+         * @param {Date} jumpDate the date to set the view to
+         * @param {boolean} triggerChange if change events should be triggered
+         */
+        function jumpToDate(jumpDate, triggerChange) {
+            var jumpTo = jumpDate !== undefined
+                ? self.parseDate(jumpDate)
+                : self.latestSelectedDateObj ||
+                    (self.config.minDate && self.config.minDate > self.now
+                        ? self.config.minDate
+                        : self.config.maxDate && self.config.maxDate < self.now
+                            ? self.config.maxDate
+                            : self.now);
+            var oldYear = self.currentYear;
+            var oldMonth = self.currentMonth;
+            try {
+                if (jumpTo !== undefined) {
+                    self.currentYear = jumpTo.getFullYear();
+                    self.currentMonth = jumpTo.getMonth();
+                }
+            }
+            catch (e) {
+                /* istanbul ignore next */
+                e.message = "Invalid date supplied: " + jumpTo;
+                self.config.errorHandler(e);
+            }
+            if (triggerChange && self.currentYear !== oldYear) {
+                triggerEvent("onYearChange");
+                buildMonthSwitch();
+            }
+            if (triggerChange &&
+                (self.currentYear !== oldYear || self.currentMonth !== oldMonth)) {
+                triggerEvent("onMonthChange");
+            }
+            self.redraw();
+        }
+        /**
+         * The up/down arrow handler for time inputs
+         * @param {Event} e the click event
+         */
+        function timeIncrement(e) {
+            var eventTarget = getEventTarget(e);
+            if (~eventTarget.className.indexOf("arrow"))
+                incrementNumInput(e, eventTarget.classList.contains("arrowUp") ? 1 : -1);
+        }
+        /**
+         * Increments/decrements the value of input associ-
+         * ated with the up/down arrow by dispatching an
+         * "increment" event on the input.
+         *
+         * @param {Event} e the click event
+         * @param {Number} delta the diff (usually 1 or -1)
+         * @param {Element} inputElem the input element
+         */
+        function incrementNumInput(e, delta, inputElem) {
+            var target = e && getEventTarget(e);
+            var input = inputElem ||
+                (target && target.parentNode && target.parentNode.firstChild);
+            var event = createEvent("increment");
+            event.delta = delta;
+            input && input.dispatchEvent(event);
+        }
+        function build() {
+            var fragment = window.document.createDocumentFragment();
+            self.calendarContainer = createElement("div", "flatpickr-calendar");
+            self.calendarContainer.tabIndex = -1;
+            if (!self.config.noCalendar) {
+                fragment.appendChild(buildMonthNav());
+                self.innerContainer = createElement("div", "flatpickr-innerContainer");
+                if (self.config.weekNumbers) {
+                    var _a = buildWeeks(), weekWrapper = _a.weekWrapper, weekNumbers = _a.weekNumbers;
+                    self.innerContainer.appendChild(weekWrapper);
+                    self.weekNumbers = weekNumbers;
+                    self.weekWrapper = weekWrapper;
+                }
+                self.rContainer = createElement("div", "flatpickr-rContainer");
+                self.rContainer.appendChild(buildWeekdays());
+                if (!self.daysContainer) {
+                    self.daysContainer = createElement("div", "flatpickr-days");
+                    self.daysContainer.tabIndex = -1;
+                }
+                buildDays();
+                self.rContainer.appendChild(self.daysContainer);
+                self.innerContainer.appendChild(self.rContainer);
+                fragment.appendChild(self.innerContainer);
+            }
+            if (self.config.enableTime) {
+                fragment.appendChild(buildTime());
+            }
+            toggleClass(self.calendarContainer, "rangeMode", self.config.mode === "range");
+            toggleClass(self.calendarContainer, "animate", self.config.animate === true);
+            toggleClass(self.calendarContainer, "multiMonth", self.config.showMonths > 1);
+            self.calendarContainer.appendChild(fragment);
+            var customAppend = self.config.appendTo !== undefined &&
+                self.config.appendTo.nodeType !== undefined;
+            if (self.config.inline || self.config.static) {
+                self.calendarContainer.classList.add(self.config.inline ? "inline" : "static");
+                if (self.config.inline) {
+                    if (!customAppend && self.element.parentNode)
+                        self.element.parentNode.insertBefore(self.calendarContainer, self._input.nextSibling);
+                    else if (self.config.appendTo !== undefined)
+                        self.config.appendTo.appendChild(self.calendarContainer);
+                }
+                if (self.config.static) {
+                    var wrapper = createElement("div", "flatpickr-wrapper");
+                    if (self.element.parentNode)
+                        self.element.parentNode.insertBefore(wrapper, self.element);
+                    wrapper.appendChild(self.element);
+                    if (self.altInput)
+                        wrapper.appendChild(self.altInput);
+                    wrapper.appendChild(self.calendarContainer);
+                }
+            }
+            if (!self.config.static && !self.config.inline)
+                (self.config.appendTo !== undefined
+                    ? self.config.appendTo
+                    : window.document.body).appendChild(self.calendarContainer);
+        }
+        function createDay(className, date, dayNumber, i) {
+            var dateIsEnabled = isEnabled(date, true), dayElement = createElement("span", "flatpickr-day " + className, date.getDate().toString());
+            dayElement.dateObj = date;
+            dayElement.$i = i;
+            dayElement.setAttribute("aria-label", self.formatDate(date, self.config.ariaDateFormat));
+            if (className.indexOf("hidden") === -1 &&
+                compareDates(date, self.now) === 0) {
+                self.todayDateElem = dayElement;
+                dayElement.classList.add("today");
+                dayElement.setAttribute("aria-current", "date");
+            }
+            if (dateIsEnabled) {
+                dayElement.tabIndex = -1;
+                if (isDateSelected(date)) {
+                    dayElement.classList.add("selected");
+                    self.selectedDateElem = dayElement;
+                    if (self.config.mode === "range") {
+                        toggleClass(dayElement, "startRange", self.selectedDates[0] &&
+                            compareDates(date, self.selectedDates[0], true) === 0);
+                        toggleClass(dayElement, "endRange", self.selectedDates[1] &&
+                            compareDates(date, self.selectedDates[1], true) === 0);
+                        if (className === "nextMonthDay")
+                            dayElement.classList.add("inRange");
+                    }
+                }
+            }
+            else {
+                dayElement.classList.add("flatpickr-disabled");
+            }
+            if (self.config.mode === "range") {
+                if (isDateInRange(date) && !isDateSelected(date))
+                    dayElement.classList.add("inRange");
+            }
+            if (self.weekNumbers &&
+                self.config.showMonths === 1 &&
+                className !== "prevMonthDay" &&
+                dayNumber % 7 === 1) {
+                self.weekNumbers.insertAdjacentHTML("beforeend", "<span class='flatpickr-day'>" + self.config.getWeek(date) + "</span>");
+            }
+            triggerEvent("onDayCreate", dayElement);
+            return dayElement;
+        }
+        function focusOnDayElem(targetNode) {
+            targetNode.focus();
+            if (self.config.mode === "range")
+                onMouseOver(targetNode);
+        }
+        function getFirstAvailableDay(delta) {
+            var startMonth = delta > 0 ? 0 : self.config.showMonths - 1;
+            var endMonth = delta > 0 ? self.config.showMonths : -1;
+            for (var m = startMonth; m != endMonth; m += delta) {
+                var month = self.daysContainer.children[m];
+                var startIndex = delta > 0 ? 0 : month.children.length - 1;
+                var endIndex = delta > 0 ? month.children.length : -1;
+                for (var i = startIndex; i != endIndex; i += delta) {
+                    var c = month.children[i];
+                    if (c.className.indexOf("hidden") === -1 && isEnabled(c.dateObj))
+                        return c;
+                }
+            }
+            return undefined;
+        }
+        function getNextAvailableDay(current, delta) {
+            var givenMonth = current.className.indexOf("Month") === -1
+                ? current.dateObj.getMonth()
+                : self.currentMonth;
+            var endMonth = delta > 0 ? self.config.showMonths : -1;
+            var loopDelta = delta > 0 ? 1 : -1;
+            for (var m = givenMonth - self.currentMonth; m != endMonth; m += loopDelta) {
+                var month = self.daysContainer.children[m];
+                var startIndex = givenMonth - self.currentMonth === m
+                    ? current.$i + delta
+                    : delta < 0
+                        ? month.children.length - 1
+                        : 0;
+                var numMonthDays = month.children.length;
+                for (var i = startIndex; i >= 0 && i < numMonthDays && i != (delta > 0 ? numMonthDays : -1); i += loopDelta) {
+                    var c = month.children[i];
+                    if (c.className.indexOf("hidden") === -1 &&
+                        isEnabled(c.dateObj) &&
+                        Math.abs(current.$i - i) >= Math.abs(delta))
+                        return focusOnDayElem(c);
+                }
+            }
+            self.changeMonth(loopDelta);
+            focusOnDay(getFirstAvailableDay(loopDelta), 0);
+            return undefined;
+        }
+        function focusOnDay(current, offset) {
+            var dayFocused = isInView(document.activeElement || document.body);
+            var startElem = current !== undefined
+                ? current
+                : dayFocused
+                    ? document.activeElement
+                    : self.selectedDateElem !== undefined && isInView(self.selectedDateElem)
+                        ? self.selectedDateElem
+                        : self.todayDateElem !== undefined && isInView(self.todayDateElem)
+                            ? self.todayDateElem
+                            : getFirstAvailableDay(offset > 0 ? 1 : -1);
+            if (startElem === undefined) {
+                self._input.focus();
+            }
+            else if (!dayFocused) {
+                focusOnDayElem(startElem);
+            }
+            else {
+                getNextAvailableDay(startElem, offset);
+            }
+        }
+        function buildMonthDays(year, month) {
+            var firstOfMonth = (new Date(year, month, 1).getDay() - self.l10n.firstDayOfWeek + 7) % 7;
+            var prevMonthDays = self.utils.getDaysInMonth((month - 1 + 12) % 12, year);
+            var daysInMonth = self.utils.getDaysInMonth(month, year), days = window.document.createDocumentFragment(), isMultiMonth = self.config.showMonths > 1, prevMonthDayClass = isMultiMonth ? "prevMonthDay hidden" : "prevMonthDay", nextMonthDayClass = isMultiMonth ? "nextMonthDay hidden" : "nextMonthDay";
+            var dayNumber = prevMonthDays + 1 - firstOfMonth, dayIndex = 0;
+            // prepend days from the ending of previous month
+            for (; dayNumber <= prevMonthDays; dayNumber++, dayIndex++) {
+                days.appendChild(createDay(prevMonthDayClass, new Date(year, month - 1, dayNumber), dayNumber, dayIndex));
+            }
+            // Start at 1 since there is no 0th day
+            for (dayNumber = 1; dayNumber <= daysInMonth; dayNumber++, dayIndex++) {
+                days.appendChild(createDay("", new Date(year, month, dayNumber), dayNumber, dayIndex));
+            }
+            // append days from the next month
+            for (var dayNum = daysInMonth + 1; dayNum <= 42 - firstOfMonth &&
+                (self.config.showMonths === 1 || dayIndex % 7 !== 0); dayNum++, dayIndex++) {
+                days.appendChild(createDay(nextMonthDayClass, new Date(year, month + 1, dayNum % daysInMonth), dayNum, dayIndex));
+            }
+            //updateNavigationCurrentMonth();
+            var dayContainer = createElement("div", "dayContainer");
+            dayContainer.appendChild(days);
+            return dayContainer;
+        }
+        function buildDays() {
+            if (self.daysContainer === undefined) {
+                return;
+            }
+            clearNode(self.daysContainer);
+            // TODO: week numbers for each month
+            if (self.weekNumbers)
+                clearNode(self.weekNumbers);
+            var frag = document.createDocumentFragment();
+            for (var i = 0; i < self.config.showMonths; i++) {
+                var d = new Date(self.currentYear, self.currentMonth, 1);
+                d.setMonth(self.currentMonth + i);
+                frag.appendChild(buildMonthDays(d.getFullYear(), d.getMonth()));
+            }
+            self.daysContainer.appendChild(frag);
+            self.days = self.daysContainer.firstChild;
+            if (self.config.mode === "range" && self.selectedDates.length === 1) {
+                onMouseOver();
+            }
+        }
+        function buildMonthSwitch() {
+            if (self.config.showMonths > 1 ||
+                self.config.monthSelectorType !== "dropdown")
+                return;
+            var shouldBuildMonth = function (month) {
+                if (self.config.minDate !== undefined &&
+                    self.currentYear === self.config.minDate.getFullYear() &&
+                    month < self.config.minDate.getMonth()) {
+                    return false;
+                }
+                return !(self.config.maxDate !== undefined &&
+                    self.currentYear === self.config.maxDate.getFullYear() &&
+                    month > self.config.maxDate.getMonth());
+            };
+            self.monthsDropdownContainer.tabIndex = -1;
+            self.monthsDropdownContainer.innerHTML = "";
+            for (var i = 0; i < 12; i++) {
+                if (!shouldBuildMonth(i))
+                    continue;
+                var month = createElement("option", "flatpickr-monthDropdown-month");
+                month.value = new Date(self.currentYear, i).getMonth().toString();
+                month.textContent = monthToStr(i, self.config.shorthandCurrentMonth, self.l10n);
+                month.tabIndex = -1;
+                if (self.currentMonth === i) {
+                    month.selected = true;
+                }
+                self.monthsDropdownContainer.appendChild(month);
+            }
+        }
+        function buildMonth() {
+            var container = createElement("div", "flatpickr-month");
+            var monthNavFragment = window.document.createDocumentFragment();
+            var monthElement;
+            if (self.config.showMonths > 1 ||
+                self.config.monthSelectorType === "static") {
+                monthElement = createElement("span", "cur-month");
+            }
+            else {
+                self.monthsDropdownContainer = createElement("select", "flatpickr-monthDropdown-months");
+                self.monthsDropdownContainer.setAttribute("aria-label", self.l10n.monthAriaLabel);
+                bind(self.monthsDropdownContainer, "change", function (e) {
+                    var target = getEventTarget(e);
+                    var selectedMonth = parseInt(target.value, 10);
+                    self.changeMonth(selectedMonth - self.currentMonth);
+                    triggerEvent("onMonthChange");
+                });
+                buildMonthSwitch();
+                monthElement = self.monthsDropdownContainer;
+            }
+            var yearInput = createNumberInput("cur-year", { tabindex: "-1" });
+            var yearElement = yearInput.getElementsByTagName("input")[0];
+            yearElement.setAttribute("aria-label", self.l10n.yearAriaLabel);
+            if (self.config.minDate) {
+                yearElement.setAttribute("min", self.config.minDate.getFullYear().toString());
+            }
+            if (self.config.maxDate) {
+                yearElement.setAttribute("max", self.config.maxDate.getFullYear().toString());
+                yearElement.disabled =
+                    !!self.config.minDate &&
+                        self.config.minDate.getFullYear() === self.config.maxDate.getFullYear();
+            }
+            var currentMonth = createElement("div", "flatpickr-current-month");
+            currentMonth.appendChild(monthElement);
+            currentMonth.appendChild(yearInput);
+            monthNavFragment.appendChild(currentMonth);
+            container.appendChild(monthNavFragment);
+            return {
+                container: container,
+                yearElement: yearElement,
+                monthElement: monthElement,
+            };
+        }
+        function buildMonths() {
+            clearNode(self.monthNav);
+            self.monthNav.appendChild(self.prevMonthNav);
+            if (self.config.showMonths) {
+                self.yearElements = [];
+                self.monthElements = [];
+            }
+            for (var m = self.config.showMonths; m--;) {
+                var month = buildMonth();
+                self.yearElements.push(month.yearElement);
+                self.monthElements.push(month.monthElement);
+                self.monthNav.appendChild(month.container);
+            }
+            self.monthNav.appendChild(self.nextMonthNav);
+        }
+        function buildMonthNav() {
+            self.monthNav = createElement("div", "flatpickr-months");
+            self.yearElements = [];
+            self.monthElements = [];
+            self.prevMonthNav = createElement("span", "flatpickr-prev-month");
+            self.prevMonthNav.innerHTML = self.config.prevArrow;
+            self.nextMonthNav = createElement("span", "flatpickr-next-month");
+            self.nextMonthNav.innerHTML = self.config.nextArrow;
+            buildMonths();
+            Object.defineProperty(self, "_hidePrevMonthArrow", {
+                get: function () { return self.__hidePrevMonthArrow; },
+                set: function (bool) {
+                    if (self.__hidePrevMonthArrow !== bool) {
+                        toggleClass(self.prevMonthNav, "flatpickr-disabled", bool);
+                        self.__hidePrevMonthArrow = bool;
+                    }
+                },
+            });
+            Object.defineProperty(self, "_hideNextMonthArrow", {
+                get: function () { return self.__hideNextMonthArrow; },
+                set: function (bool) {
+                    if (self.__hideNextMonthArrow !== bool) {
+                        toggleClass(self.nextMonthNav, "flatpickr-disabled", bool);
+                        self.__hideNextMonthArrow = bool;
+                    }
+                },
+            });
+            self.currentYearElement = self.yearElements[0];
+            updateNavigationCurrentMonth();
+            return self.monthNav;
+        }
+        function buildTime() {
+            self.calendarContainer.classList.add("hasTime");
+            if (self.config.noCalendar)
+                self.calendarContainer.classList.add("noCalendar");
+            var defaults = getDefaultHours(self.config);
+            self.timeContainer = createElement("div", "flatpickr-time");
+            self.timeContainer.tabIndex = -1;
+            var separator = createElement("span", "flatpickr-time-separator", ":");
+            var hourInput = createNumberInput("flatpickr-hour", {
+                "aria-label": self.l10n.hourAriaLabel,
+            });
+            self.hourElement = hourInput.getElementsByTagName("input")[0];
+            var minuteInput = createNumberInput("flatpickr-minute", {
+                "aria-label": self.l10n.minuteAriaLabel,
+            });
+            self.minuteElement = minuteInput.getElementsByTagName("input")[0];
+            self.hourElement.tabIndex = self.minuteElement.tabIndex = -1;
+            self.hourElement.value = pad(self.latestSelectedDateObj
+                ? self.latestSelectedDateObj.getHours()
+                : self.config.time_24hr
+                    ? defaults.hours
+                    : military2ampm(defaults.hours));
+            self.minuteElement.value = pad(self.latestSelectedDateObj
+                ? self.latestSelectedDateObj.getMinutes()
+                : defaults.minutes);
+            self.hourElement.setAttribute("step", self.config.hourIncrement.toString());
+            self.minuteElement.setAttribute("step", self.config.minuteIncrement.toString());
+            self.hourElement.setAttribute("min", self.config.time_24hr ? "0" : "1");
+            self.hourElement.setAttribute("max", self.config.time_24hr ? "23" : "12");
+            self.hourElement.setAttribute("maxlength", "2");
+            self.minuteElement.setAttribute("min", "0");
+            self.minuteElement.setAttribute("max", "59");
+            self.minuteElement.setAttribute("maxlength", "2");
+            self.timeContainer.appendChild(hourInput);
+            self.timeContainer.appendChild(separator);
+            self.timeContainer.appendChild(minuteInput);
+            if (self.config.time_24hr)
+                self.timeContainer.classList.add("time24hr");
+            if (self.config.enableSeconds) {
+                self.timeContainer.classList.add("hasSeconds");
+                var secondInput = createNumberInput("flatpickr-second");
+                self.secondElement = secondInput.getElementsByTagName("input")[0];
+                self.secondElement.value = pad(self.latestSelectedDateObj
+                    ? self.latestSelectedDateObj.getSeconds()
+                    : defaults.seconds);
+                self.secondElement.setAttribute("step", self.minuteElement.getAttribute("step"));
+                self.secondElement.setAttribute("min", "0");
+                self.secondElement.setAttribute("max", "59");
+                self.secondElement.setAttribute("maxlength", "2");
+                self.timeContainer.appendChild(createElement("span", "flatpickr-time-separator", ":"));
+                self.timeContainer.appendChild(secondInput);
+            }
+            if (!self.config.time_24hr) {
+                // add self.amPM if appropriate
+                self.amPM = createElement("span", "flatpickr-am-pm", self.l10n.amPM[int((self.latestSelectedDateObj
+                    ? self.hourElement.value
+                    : self.config.defaultHour) > 11)]);
+                self.amPM.title = self.l10n.toggleTitle;
+                self.amPM.tabIndex = -1;
+                self.timeContainer.appendChild(self.amPM);
+            }
+            return self.timeContainer;
+        }
+        function buildWeekdays() {
+            if (!self.weekdayContainer)
+                self.weekdayContainer = createElement("div", "flatpickr-weekdays");
+            else
+                clearNode(self.weekdayContainer);
+            for (var i = self.config.showMonths; i--;) {
+                var container = createElement("div", "flatpickr-weekdaycontainer");
+                self.weekdayContainer.appendChild(container);
+            }
+            updateWeekdays();
+            return self.weekdayContainer;
+        }
+        function updateWeekdays() {
+            if (!self.weekdayContainer) {
+                return;
+            }
+            var firstDayOfWeek = self.l10n.firstDayOfWeek;
+            var weekdays = __spreadArrays(self.l10n.weekdays.shorthand);
+            if (firstDayOfWeek > 0 && firstDayOfWeek < weekdays.length) {
+                weekdays = __spreadArrays(weekdays.splice(firstDayOfWeek, weekdays.length), weekdays.splice(0, firstDayOfWeek));
+            }
+            for (var i = self.config.showMonths; i--;) {
+                self.weekdayContainer.children[i].innerHTML = "\n      <span class='flatpickr-weekday'>\n        " + weekdays.join("</span><span class='flatpickr-weekday'>") + "\n      </span>\n      ";
+            }
+        }
+        /* istanbul ignore next */
+        function buildWeeks() {
+            self.calendarContainer.classList.add("hasWeeks");
+            var weekWrapper = createElement("div", "flatpickr-weekwrapper");
+            weekWrapper.appendChild(createElement("span", "flatpickr-weekday", self.l10n.weekAbbreviation));
+            var weekNumbers = createElement("div", "flatpickr-weeks");
+            weekWrapper.appendChild(weekNumbers);
+            return {
+                weekWrapper: weekWrapper,
+                weekNumbers: weekNumbers,
+            };
+        }
+        function changeMonth(value, isOffset) {
+            if (isOffset === void 0) { isOffset = true; }
+            var delta = isOffset ? value : value - self.currentMonth;
+            if ((delta < 0 && self._hidePrevMonthArrow === true) ||
+                (delta > 0 && self._hideNextMonthArrow === true))
+                return;
+            self.currentMonth += delta;
+            if (self.currentMonth < 0 || self.currentMonth > 11) {
+                self.currentYear += self.currentMonth > 11 ? 1 : -1;
+                self.currentMonth = (self.currentMonth + 12) % 12;
+                triggerEvent("onYearChange");
+                buildMonthSwitch();
+            }
+            buildDays();
+            triggerEvent("onMonthChange");
+            updateNavigationCurrentMonth();
+        }
+        function clear(triggerChangeEvent, toInitial) {
+            if (triggerChangeEvent === void 0) { triggerChangeEvent = true; }
+            if (toInitial === void 0) { toInitial = true; }
+            self.input.value = "";
+            if (self.altInput !== undefined)
+                self.altInput.value = "";
+            if (self.mobileInput !== undefined)
+                self.mobileInput.value = "";
+            self.selectedDates = [];
+            self.latestSelectedDateObj = undefined;
+            if (toInitial === true) {
+                self.currentYear = self._initialDate.getFullYear();
+                self.currentMonth = self._initialDate.getMonth();
+            }
+            if (self.config.enableTime === true) {
+                var _a = getDefaultHours(self.config), hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;
+                setHours(hours, minutes, seconds);
+            }
+            self.redraw();
+            if (triggerChangeEvent)
+                // triggerChangeEvent is true (default) or an Event
+                triggerEvent("onChange");
+        }
+        function close() {
+            self.isOpen = false;
+            if (!self.isMobile) {
+                if (self.calendarContainer !== undefined) {
+                    self.calendarContainer.classList.remove("open");
+                }
+                if (self._input !== undefined) {
+                    self._input.classList.remove("active");
+                }
+            }
+            triggerEvent("onClose");
+        }
+        function destroy() {
+            if (self.config !== undefined)
+                triggerEvent("onDestroy");
+            for (var i = self._handlers.length; i--;) {
+                self._handlers[i].remove();
+            }
+            self._handlers = [];
+            if (self.mobileInput) {
+                if (self.mobileInput.parentNode)
+                    self.mobileInput.parentNode.removeChild(self.mobileInput);
+                self.mobileInput = undefined;
+            }
+            else if (self.calendarContainer && self.calendarContainer.parentNode) {
+                if (self.config.static && self.calendarContainer.parentNode) {
+                    var wrapper = self.calendarContainer.parentNode;
+                    wrapper.lastChild && wrapper.removeChild(wrapper.lastChild);
+                    if (wrapper.parentNode) {
+                        while (wrapper.firstChild)
+                            wrapper.parentNode.insertBefore(wrapper.firstChild, wrapper);
+                        wrapper.parentNode.removeChild(wrapper);
+                    }
+                }
+                else
+                    self.calendarContainer.parentNode.removeChild(self.calendarContainer);
+            }
+            if (self.altInput) {
+                self.input.type = "text";
+                if (self.altInput.parentNode)
+                    self.altInput.parentNode.removeChild(self.altInput);
+                delete self.altInput;
+            }
+            if (self.input) {
+                self.input.type = self.input._type;
+                self.input.classList.remove("flatpickr-input");
+                self.input.removeAttribute("readonly");
+            }
+            [
+                "_showTimeInput",
+                "latestSelectedDateObj",
+                "_hideNextMonthArrow",
+                "_hidePrevMonthArrow",
+                "__hideNextMonthArrow",
+                "__hidePrevMonthArrow",
+                "isMobile",
+                "isOpen",
+                "selectedDateElem",
+                "minDateHasTime",
+                "maxDateHasTime",
+                "days",
+                "daysContainer",
+                "_input",
+                "_positionElement",
+                "innerContainer",
+                "rContainer",
+                "monthNav",
+                "todayDateElem",
+                "calendarContainer",
+                "weekdayContainer",
+                "prevMonthNav",
+                "nextMonthNav",
+                "monthsDropdownContainer",
+                "currentMonthElement",
+                "currentYearElement",
+                "navigationCurrentMonth",
+                "selectedDateElem",
+                "config",
+            ].forEach(function (k) {
+                try {
+                    delete self[k];
+                }
+                catch (_) { }
+            });
+        }
+        function isCalendarElem(elem) {
+            if (self.config.appendTo && self.config.appendTo.contains(elem))
+                return true;
+            return self.calendarContainer.contains(elem);
+        }
+        function documentClick(e) {
+            if (self.isOpen && !self.config.inline) {
+                var eventTarget_1 = getEventTarget(e);
+                var isCalendarElement = isCalendarElem(eventTarget_1);
+                var isInput = eventTarget_1 === self.input ||
+                    eventTarget_1 === self.altInput ||
+                    self.element.contains(eventTarget_1) ||
+                    // web components
+                    // e.path is not present in all browsers. circumventing typechecks
+                    (e.path &&
+                        e.path.indexOf &&
+                        (~e.path.indexOf(self.input) ||
+                            ~e.path.indexOf(self.altInput)));
+                var lostFocus = e.type === "blur"
+                    ? isInput &&
+                        e.relatedTarget &&
+                        !isCalendarElem(e.relatedTarget)
+                    : !isInput &&
+                        !isCalendarElement &&
+                        !isCalendarElem(e.relatedTarget);
+                var isIgnored = !self.config.ignoredFocusElements.some(function (elem) {
+                    return elem.contains(eventTarget_1);
+                });
+                if (lostFocus && isIgnored) {
+                    if (self.timeContainer !== undefined &&
+                        self.minuteElement !== undefined &&
+                        self.hourElement !== undefined &&
+                        self.input.value !== "" &&
+                        self.input.value !== undefined) {
+                        updateTime();
+                    }
+                    self.close();
+                    if (self.config &&
+                        self.config.mode === "range" &&
+                        self.selectedDates.length === 1) {
+                        self.clear(false);
+                        self.redraw();
+                    }
+                }
+            }
+        }
+        function changeYear(newYear) {
+            if (!newYear ||
+                (self.config.minDate && newYear < self.config.minDate.getFullYear()) ||
+                (self.config.maxDate && newYear > self.config.maxDate.getFullYear()))
+                return;
+            var newYearNum = newYear, isNewYear = self.currentYear !== newYearNum;
+            self.currentYear = newYearNum || self.currentYear;
+            if (self.config.maxDate &&
+                self.currentYear === self.config.maxDate.getFullYear()) {
+                self.currentMonth = Math.min(self.config.maxDate.getMonth(), self.currentMonth);
+            }
+            else if (self.config.minDate &&
+                self.currentYear === self.config.minDate.getFullYear()) {
+                self.currentMonth = Math.max(self.config.minDate.getMonth(), self.currentMonth);
+            }
+            if (isNewYear) {
+                self.redraw();
+                triggerEvent("onYearChange");
+                buildMonthSwitch();
+            }
+        }
+        function isEnabled(date, timeless) {
+            var _a;
+            if (timeless === void 0) { timeless = true; }
+            var dateToCheck = self.parseDate(date, undefined, timeless); // timeless
+            if ((self.config.minDate &&
+                dateToCheck &&
+                compareDates(dateToCheck, self.config.minDate, timeless !== undefined ? timeless : !self.minDateHasTime) < 0) ||
+                (self.config.maxDate &&
+                    dateToCheck &&
+                    compareDates(dateToCheck, self.config.maxDate, timeless !== undefined ? timeless : !self.maxDateHasTime) > 0))
+                return false;
+            if (!self.config.enable && self.config.disable.length === 0)
+                return true;
+            if (dateToCheck === undefined)
+                return false;
+            var bool = !!self.config.enable, array = (_a = self.config.enable) !== null && _a !== void 0 ? _a : self.config.disable;
+            for (var i = 0, d = void 0; i < array.length; i++) {
+                d = array[i];
+                if (typeof d === "function" &&
+                    d(dateToCheck) // disabled by function
+                )
+                    return bool;
+                else if (d instanceof Date &&
+                    dateToCheck !== undefined &&
+                    d.getTime() === dateToCheck.getTime())
+                    // disabled by date
+                    return bool;
+                else if (typeof d === "string") {
+                    // disabled by date string
+                    var parsed = self.parseDate(d, undefined, true);
+                    return parsed && parsed.getTime() === dateToCheck.getTime()
+                        ? bool
+                        : !bool;
+                }
+                else if (
+                // disabled by range
+                typeof d === "object" &&
+                    dateToCheck !== undefined &&
+                    d.from &&
+                    d.to &&
+                    dateToCheck.getTime() >= d.from.getTime() &&
+                    dateToCheck.getTime() <= d.to.getTime())
+                    return bool;
+            }
+            return !bool;
+        }
+        function isInView(elem) {
+            if (self.daysContainer !== undefined)
+                return (elem.className.indexOf("hidden") === -1 &&
+                    elem.className.indexOf("flatpickr-disabled") === -1 &&
+                    self.daysContainer.contains(elem));
+            return false;
+        }
+        function onBlur(e) {
+            var isInput = e.target === self._input;
+            if (isInput &&
+                (self.selectedDates.length > 0 || self._input.value.length > 0) &&
+                !(e.relatedTarget && isCalendarElem(e.relatedTarget))) {
+                self.setDate(self._input.value, true, e.target === self.altInput
+                    ? self.config.altFormat
+                    : self.config.dateFormat);
+            }
+        }
+        function onKeyDown(e) {
+            // e.key                      e.keyCode
+            // "Backspace"                        8
+            // "Tab"                              9
+            // "Enter"                           13
+            // "Escape"     (IE "Esc")           27
+            // "ArrowLeft"  (IE "Left")          37
+            // "ArrowUp"    (IE "Up")            38
+            // "ArrowRight" (IE "Right")         39
+            // "ArrowDown"  (IE "Down")          40
+            // "Delete"     (IE "Del")           46
+            var eventTarget = getEventTarget(e);
+            var isInput = self.config.wrap
+                ? element.contains(eventTarget)
+                : eventTarget === self._input;
+            var allowInput = self.config.allowInput;
+            var allowKeydown = self.isOpen && (!allowInput || !isInput);
+            var allowInlineKeydown = self.config.inline && isInput && !allowInput;
+            if (e.keyCode === 13 && isInput) {
+                if (allowInput) {
+                    self.setDate(self._input.value, true, eventTarget === self.altInput
+                        ? self.config.altFormat
+                        : self.config.dateFormat);
+                    return eventTarget.blur();
+                }
+                else {
+                    self.open();
+                }
+            }
+            else if (isCalendarElem(eventTarget) ||
+                allowKeydown ||
+                allowInlineKeydown) {
+                var isTimeObj = !!self.timeContainer &&
+                    self.timeContainer.contains(eventTarget);
+                switch (e.keyCode) {
+                    case 13:
+                        if (isTimeObj) {
+                            e.preventDefault();
+                            updateTime();
+                            focusAndClose();
+                        }
+                        else
+                            selectDate(e);
+                        break;
+                    case 27: // escape
+                        e.preventDefault();
+                        focusAndClose();
+                        break;
+                    case 8:
+                    case 46:
+                        if (isInput && !self.config.allowInput) {
+                            e.preventDefault();
+                            self.clear();
+                        }
+                        break;
+                    case 37:
+                    case 39:
+                        if (!isTimeObj && !isInput) {
+                            e.preventDefault();
+                            if (self.daysContainer !== undefined &&
+                                (allowInput === false ||
+                                    (document.activeElement && isInView(document.activeElement)))) {
+                                var delta_1 = e.keyCode === 39 ? 1 : -1;
+                                if (!e.ctrlKey)
+                                    focusOnDay(undefined, delta_1);
+                                else {
+                                    e.stopPropagation();
+                                    changeMonth(delta_1);
+                                    focusOnDay(getFirstAvailableDay(1), 0);
+                                }
+                            }
+                        }
+                        else if (self.hourElement)
+                            self.hourElement.focus();
+                        break;
+                    case 38:
+                    case 40:
+                        e.preventDefault();
+                        var delta = e.keyCode === 40 ? 1 : -1;
+                        if ((self.daysContainer &&
+                            eventTarget.$i !== undefined) ||
+                            eventTarget === self.input ||
+                            eventTarget === self.altInput) {
+                            if (e.ctrlKey) {
+                                e.stopPropagation();
+                                changeYear(self.currentYear - delta);
+                                focusOnDay(getFirstAvailableDay(1), 0);
+                            }
+                            else if (!isTimeObj)
+                                focusOnDay(undefined, delta * 7);
+                        }
+                        else if (eventTarget === self.currentYearElement) {
+                            changeYear(self.currentYear - delta);
+                        }
+                        else if (self.config.enableTime) {
+                            if (!isTimeObj && self.hourElement)
+                                self.hourElement.focus();
+                            updateTime(e);
+                            self._debouncedChange();
+                        }
+                        break;
+                    case 9:
+                        if (isTimeObj) {
+                            var elems = [
+                                self.hourElement,
+                                self.minuteElement,
+                                self.secondElement,
+                                self.amPM,
+                            ]
+                                .concat(self.pluginElements)
+                                .filter(function (x) { return x; });
+                            var i = elems.indexOf(eventTarget);
+                            if (i !== -1) {
+                                var target = elems[i + (e.shiftKey ? -1 : 1)];
+                                e.preventDefault();
+                                (target || self._input).focus();
+                            }
+                        }
+                        else if (!self.config.noCalendar &&
+                            self.daysContainer &&
+                            self.daysContainer.contains(eventTarget) &&
+                            e.shiftKey) {
+                            e.preventDefault();
+                            self._input.focus();
+                        }
+                        break;
+                }
+            }
+            if (self.amPM !== undefined && eventTarget === self.amPM) {
+                switch (e.key) {
+                    case self.l10n.amPM[0].charAt(0):
+                    case self.l10n.amPM[0].charAt(0).toLowerCase():
+                        self.amPM.textContent = self.l10n.amPM[0];
+                        setHoursFromInputs();
+                        updateValue();
+                        break;
+                    case self.l10n.amPM[1].charAt(0):
+                    case self.l10n.amPM[1].charAt(0).toLowerCase():
+                        self.amPM.textContent = self.l10n.amPM[1];
+                        setHoursFromInputs();
+                        updateValue();
+                        break;
+                }
+            }
+            if (isInput || isCalendarElem(eventTarget)) {
+                triggerEvent("onKeyDown", e);
+            }
+        }
+        function onMouseOver(elem) {
+            if (self.selectedDates.length !== 1 ||
+                (elem &&
+                    (!elem.classList.contains("flatpickr-day") ||
+                        elem.classList.contains("flatpickr-disabled"))))
+                return;
+            var hoverDate = elem
+                ? elem.dateObj.getTime()
+                : self.days.firstElementChild.dateObj.getTime(), initialDate = self.parseDate(self.selectedDates[0], undefined, true).getTime(), rangeStartDate = Math.min(hoverDate, self.selectedDates[0].getTime()), rangeEndDate = Math.max(hoverDate, self.selectedDates[0].getTime());
+            var containsDisabled = false;
+            var minRange = 0, maxRange = 0;
+            for (var t = rangeStartDate; t < rangeEndDate; t += duration.DAY) {
+                if (!isEnabled(new Date(t), true)) {
+                    containsDisabled =
+                        containsDisabled || (t > rangeStartDate && t < rangeEndDate);
+                    if (t < initialDate && (!minRange || t > minRange))
+                        minRange = t;
+                    else if (t > initialDate && (!maxRange || t < maxRange))
+                        maxRange = t;
+                }
+            }
+            for (var m = 0; m < self.config.showMonths; m++) {
+                var month = self.daysContainer.children[m];
+                var _loop_1 = function (i, l) {
+                    var dayElem = month.children[i], date = dayElem.dateObj;
+                    var timestamp = date.getTime();
+                    var outOfRange = (minRange > 0 && timestamp < minRange) ||
+                        (maxRange > 0 && timestamp > maxRange);
+                    if (outOfRange) {
+                        dayElem.classList.add("notAllowed");
+                        ["inRange", "startRange", "endRange"].forEach(function (c) {
+                            dayElem.classList.remove(c);
+                        });
+                        return "continue";
+                    }
+                    else if (containsDisabled && !outOfRange)
+                        return "continue";
+                    ["startRange", "inRange", "endRange", "notAllowed"].forEach(function (c) {
+                        dayElem.classList.remove(c);
+                    });
+                    if (elem !== undefined) {
+                        elem.classList.add(hoverDate <= self.selectedDates[0].getTime()
+                            ? "startRange"
+                            : "endRange");
+                        if (initialDate < hoverDate && timestamp === initialDate)
+                            dayElem.classList.add("startRange");
+                        else if (initialDate > hoverDate && timestamp === initialDate)
+                            dayElem.classList.add("endRange");
+                        if (timestamp >= minRange &&
+                            (maxRange === 0 || timestamp <= maxRange) &&
+                            isBetween(timestamp, initialDate, hoverDate))
+                            dayElem.classList.add("inRange");
+                    }
+                };
+                for (var i = 0, l = month.children.length; i < l; i++) {
+                    _loop_1(i, l);
+                }
+            }
+        }
+        function onResize() {
+            if (self.isOpen && !self.config.static && !self.config.inline)
+                positionCalendar();
+        }
+        function open(e, positionElement) {
+            if (positionElement === void 0) { positionElement = self._positionElement; }
+            if (self.isMobile === true) {
+                if (e) {
+                    e.preventDefault();
+                    var eventTarget = getEventTarget(e);
+                    if (eventTarget) {
+                        eventTarget.blur();
+                    }
+                }
+                if (self.mobileInput !== undefined) {
+                    self.mobileInput.focus();
+                    self.mobileInput.click();
+                }
+                triggerEvent("onOpen");
+                return;
+            }
+            else if (self._input.disabled || self.config.inline) {
+                return;
+            }
+            var wasOpen = self.isOpen;
+            self.isOpen = true;
+            if (!wasOpen) {
+                self.calendarContainer.classList.add("open");
+                self._input.classList.add("active");
+                triggerEvent("onOpen");
+                positionCalendar(positionElement);
+            }
+            if (self.config.enableTime === true && self.config.noCalendar === true) {
+                if (self.config.allowInput === false &&
+                    (e === undefined ||
+                        !self.timeContainer.contains(e.relatedTarget))) {
+                    setTimeout(function () { return self.hourElement.select(); }, 50);
+                }
+            }
+        }
+        function minMaxDateSetter(type) {
+            return function (date) {
+                var dateObj = (self.config["_" + type + "Date"] = self.parseDate(date, self.config.dateFormat));
+                var inverseDateObj = self.config["_" + (type === "min" ? "max" : "min") + "Date"];
+                if (dateObj !== undefined) {
+                    self[type === "min" ? "minDateHasTime" : "maxDateHasTime"] =
+                        dateObj.getHours() > 0 ||
+                            dateObj.getMinutes() > 0 ||
+                            dateObj.getSeconds() > 0;
+                }
+                if (self.selectedDates) {
+                    self.selectedDates = self.selectedDates.filter(function (d) { return isEnabled(d); });
+                    if (!self.selectedDates.length && type === "min")
+                        setHoursFromDate(dateObj);
+                    updateValue();
+                }
+                if (self.daysContainer) {
+                    redraw();
+                    if (dateObj !== undefined)
+                        self.currentYearElement[type] = dateObj.getFullYear().toString();
+                    else
+                        self.currentYearElement.removeAttribute(type);
+                    self.currentYearElement.disabled =
+                        !!inverseDateObj &&
+                            dateObj !== undefined &&
+                            inverseDateObj.getFullYear() === dateObj.getFullYear();
+                }
+            };
+        }
+        function parseConfig() {
+            var boolOpts = [
+                "wrap",
+                "weekNumbers",
+                "allowInput",
+                "allowInvalidPreload",
+                "clickOpens",
+                "time_24hr",
+                "enableTime",
+                "noCalendar",
+                "altInput",
+                "shorthandCurrentMonth",
+                "inline",
+                "static",
+                "enableSeconds",
+                "disableMobile",
+            ];
+            var userConfig = __assign(__assign({}, JSON.parse(JSON.stringify(element.dataset || {}))), instanceConfig);
+            var formats = {};
+            self.config.parseDate = userConfig.parseDate;
+            self.config.formatDate = userConfig.formatDate;
+            Object.defineProperty(self.config, "enable", {
+                get: function () { return self.config._enable; },
+                set: function (dates) {
+                    self.config._enable = parseDateRules(dates);
+                },
+            });
+            Object.defineProperty(self.config, "disable", {
+                get: function () { return self.config._disable; },
+                set: function (dates) {
+                    self.config._disable = parseDateRules(dates);
+                },
+            });
+            var timeMode = userConfig.mode === "time";
+            if (!userConfig.dateFormat && (userConfig.enableTime || timeMode)) {
+                var defaultDateFormat = flatpickr.defaultConfig.dateFormat || defaults.dateFormat;
+                formats.dateFormat =
+                    userConfig.noCalendar || timeMode
+                        ? "H:i" + (userConfig.enableSeconds ? ":S" : "")
+                        : defaultDateFormat + " H:i" + (userConfig.enableSeconds ? ":S" : "");
+            }
+            if (userConfig.altInput &&
+                (userConfig.enableTime || timeMode) &&
+                !userConfig.altFormat) {
+                var defaultAltFormat = flatpickr.defaultConfig.altFormat || defaults.altFormat;
+                formats.altFormat =
+                    userConfig.noCalendar || timeMode
+                        ? "h:i" + (userConfig.enableSeconds ? ":S K" : " K")
+                        : defaultAltFormat + (" h:i" + (userConfig.enableSeconds ? ":S" : "") + " K");
+            }
+            Object.defineProperty(self.config, "minDate", {
+                get: function () { return self.config._minDate; },
+                set: minMaxDateSetter("min"),
+            });
+            Object.defineProperty(self.config, "maxDate", {
+                get: function () { return self.config._maxDate; },
+                set: minMaxDateSetter("max"),
+            });
+            var minMaxTimeSetter = function (type) { return function (val) {
+                self.config[type === "min" ? "_minTime" : "_maxTime"] = self.parseDate(val, "H:i:S");
+            }; };
+            Object.defineProperty(self.config, "minTime", {
+                get: function () { return self.config._minTime; },
+                set: minMaxTimeSetter("min"),
+            });
+            Object.defineProperty(self.config, "maxTime", {
+                get: function () { return self.config._maxTime; },
+                set: minMaxTimeSetter("max"),
+            });
+            if (userConfig.mode === "time") {
+                self.config.noCalendar = true;
+                self.config.enableTime = true;
+            }
+            Object.assign(self.config, formats, userConfig);
+            for (var i = 0; i < boolOpts.length; i++)
+                // https://github.com/microsoft/TypeScript/issues/31663
+                self.config[boolOpts[i]] =
+                    self.config[boolOpts[i]] === true ||
+                        self.config[boolOpts[i]] === "true";
+            HOOKS.filter(function (hook) { return self.config[hook] !== undefined; }).forEach(function (hook) {
+                self.config[hook] = arrayify(self.config[hook] || []).map(bindToInstance);
+            });
+            self.isMobile =
+                !self.config.disableMobile &&
+                    !self.config.inline &&
+                    self.config.mode === "single" &&
+                    !self.config.disable.length &&
+                    !self.config.enable &&
+                    !self.config.weekNumbers &&
+                    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+            for (var i = 0; i < self.config.plugins.length; i++) {
+                var pluginConf = self.config.plugins[i](self) || {};
+                for (var key in pluginConf) {
+                    if (HOOKS.indexOf(key) > -1) {
+                        self.config[key] = arrayify(pluginConf[key])
+                            .map(bindToInstance)
+                            .concat(self.config[key]);
+                    }
+                    else if (typeof userConfig[key] === "undefined")
+                        self.config[key] = pluginConf[key];
+                }
+            }
+            if (!userConfig.altInputClass) {
+                self.config.altInputClass =
+                    getInputElem().className + " " + self.config.altInputClass;
+            }
+            triggerEvent("onParseConfig");
+        }
+        function getInputElem() {
+            return self.config.wrap
+                ? element.querySelector("[data-input]")
+                : element;
+        }
+        function setupLocale() {
+            if (typeof self.config.locale !== "object" &&
+                typeof flatpickr.l10ns[self.config.locale] === "undefined")
+                self.config.errorHandler(new Error("flatpickr: invalid locale " + self.config.locale));
+            self.l10n = __assign(__assign({}, flatpickr.l10ns.default), (typeof self.config.locale === "object"
+                ? self.config.locale
+                : self.config.locale !== "default"
+                    ? flatpickr.l10ns[self.config.locale]
+                    : undefined));
+            tokenRegex.K = "(" + self.l10n.amPM[0] + "|" + self.l10n.amPM[1] + "|" + self.l10n.amPM[0].toLowerCase() + "|" + self.l10n.amPM[1].toLowerCase() + ")";
+            var userConfig = __assign(__assign({}, instanceConfig), JSON.parse(JSON.stringify(element.dataset || {})));
+            if (userConfig.time_24hr === undefined &&
+                flatpickr.defaultConfig.time_24hr === undefined) {
+                self.config.time_24hr = self.l10n.time_24hr;
+            }
+            self.formatDate = createDateFormatter(self);
+            self.parseDate = createDateParser({ config: self.config, l10n: self.l10n });
+        }
+        function positionCalendar(customPositionElement) {
+            if (typeof self.config.position === "function") {
+                return void self.config.position(self, customPositionElement);
+            }
+            if (self.calendarContainer === undefined)
+                return;
+            triggerEvent("onPreCalendarPosition");
+            var positionElement = customPositionElement || self._positionElement;
+            var calendarHeight = Array.prototype.reduce.call(self.calendarContainer.children, (function (acc, child) { return acc + child.offsetHeight; }), 0), calendarWidth = self.calendarContainer.offsetWidth, configPos = self.config.position.split(" "), configPosVertical = configPos[0], configPosHorizontal = configPos.length > 1 ? configPos[1] : null, inputBounds = positionElement.getBoundingClientRect(), distanceFromBottom = window.innerHeight - inputBounds.bottom, showOnTop = configPosVertical === "above" ||
+                (configPosVertical !== "below" &&
+                    distanceFromBottom < calendarHeight &&
+                    inputBounds.top > calendarHeight);
+            var top = window.pageYOffset +
+                inputBounds.top +
+                (!showOnTop ? positionElement.offsetHeight + 2 : -calendarHeight - 2);
+            toggleClass(self.calendarContainer, "arrowTop", !showOnTop);
+            toggleClass(self.calendarContainer, "arrowBottom", showOnTop);
+            if (self.config.inline)
+                return;
+            var left = window.pageXOffset + inputBounds.left;
+            var isCenter = false;
+            var isRight = false;
+            if (configPosHorizontal === "center") {
+                left -= (calendarWidth - inputBounds.width) / 2;
+                isCenter = true;
+            }
+            else if (configPosHorizontal === "right") {
+                left -= calendarWidth - inputBounds.width;
+                isRight = true;
+            }
+            toggleClass(self.calendarContainer, "arrowLeft", !isCenter && !isRight);
+            toggleClass(self.calendarContainer, "arrowCenter", isCenter);
+            toggleClass(self.calendarContainer, "arrowRight", isRight);
+            var right = window.document.body.offsetWidth -
+                (window.pageXOffset + inputBounds.right);
+            var rightMost = left + calendarWidth > window.document.body.offsetWidth;
+            var centerMost = right + calendarWidth > window.document.body.offsetWidth;
+            toggleClass(self.calendarContainer, "rightMost", rightMost);
+            if (self.config.static)
+                return;
+            self.calendarContainer.style.top = top + "px";
+            if (!rightMost) {
+                self.calendarContainer.style.left = left + "px";
+                self.calendarContainer.style.right = "auto";
+            }
+            else if (!centerMost) {
+                self.calendarContainer.style.left = "auto";
+                self.calendarContainer.style.right = right + "px";
+            }
+            else {
+                var doc = getDocumentStyleSheet();
+                // some testing environments don't have css support
+                if (doc === undefined)
+                    return;
+                var bodyWidth = window.document.body.offsetWidth;
+                var centerLeft = Math.max(0, bodyWidth / 2 - calendarWidth / 2);
+                var centerBefore = ".flatpickr-calendar.centerMost:before";
+                var centerAfter = ".flatpickr-calendar.centerMost:after";
+                var centerIndex = doc.cssRules.length;
+                var centerStyle = "{left:" + inputBounds.left + "px;right:auto;}";
+                toggleClass(self.calendarContainer, "rightMost", false);
+                toggleClass(self.calendarContainer, "centerMost", true);
+                doc.insertRule(centerBefore + "," + centerAfter + centerStyle, centerIndex);
+                self.calendarContainer.style.left = centerLeft + "px";
+                self.calendarContainer.style.right = "auto";
+            }
+        }
+        function getDocumentStyleSheet() {
+            var editableSheet = null;
+            for (var i = 0; i < document.styleSheets.length; i++) {
+                var sheet = document.styleSheets[i];
+                try {
+                    sheet.cssRules;
+                }
+                catch (err) {
+                    continue;
+                }
+                editableSheet = sheet;
+                break;
+            }
+            return editableSheet != null ? editableSheet : createStyleSheet();
+        }
+        function createStyleSheet() {
+            var style = document.createElement("style");
+            document.head.appendChild(style);
+            return style.sheet;
+        }
+        function redraw() {
+            if (self.config.noCalendar || self.isMobile)
+                return;
+            buildMonthSwitch();
+            updateNavigationCurrentMonth();
+            buildDays();
+        }
+        function focusAndClose() {
+            self._input.focus();
+            if (window.navigator.userAgent.indexOf("MSIE") !== -1 ||
+                navigator.msMaxTouchPoints !== undefined) {
+                // hack - bugs in the way IE handles focus keeps the calendar open
+                setTimeout(self.close, 0);
+            }
+            else {
+                self.close();
+            }
+        }
+        function selectDate(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            var isSelectable = function (day) {
+                return day.classList &&
+                    day.classList.contains("flatpickr-day") &&
+                    !day.classList.contains("flatpickr-disabled") &&
+                    !day.classList.contains("notAllowed");
+            };
+            var t = findParent(getEventTarget(e), isSelectable);
+            if (t === undefined)
+                return;
+            var target = t;
+            var selectedDate = (self.latestSelectedDateObj = new Date(target.dateObj.getTime()));
+            var shouldChangeMonth = (selectedDate.getMonth() < self.currentMonth ||
+                selectedDate.getMonth() >
+                    self.currentMonth + self.config.showMonths - 1) &&
+                self.config.mode !== "range";
+            self.selectedDateElem = target;
+            if (self.config.mode === "single")
+                self.selectedDates = [selectedDate];
+            else if (self.config.mode === "multiple") {
+                var selectedIndex = isDateSelected(selectedDate);
+                if (selectedIndex)
+                    self.selectedDates.splice(parseInt(selectedIndex), 1);
+                else
+                    self.selectedDates.push(selectedDate);
+            }
+            else if (self.config.mode === "range") {
+                if (self.selectedDates.length === 2) {
+                    self.clear(false, false);
+                }
+                self.latestSelectedDateObj = selectedDate;
+                self.selectedDates.push(selectedDate);
+                // unless selecting same date twice, sort ascendingly
+                if (compareDates(selectedDate, self.selectedDates[0], true) !== 0)
+                    self.selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });
+            }
+            setHoursFromInputs();
+            if (shouldChangeMonth) {
+                var isNewYear = self.currentYear !== selectedDate.getFullYear();
+                self.currentYear = selectedDate.getFullYear();
+                self.currentMonth = selectedDate.getMonth();
+                if (isNewYear) {
+                    triggerEvent("onYearChange");
+                    buildMonthSwitch();
+                }
+                triggerEvent("onMonthChange");
+            }
+            updateNavigationCurrentMonth();
+            buildDays();
+            updateValue();
+            // maintain focus
+            if (!shouldChangeMonth &&
+                self.config.mode !== "range" &&
+                self.config.showMonths === 1)
+                focusOnDayElem(target);
+            else if (self.selectedDateElem !== undefined &&
+                self.hourElement === undefined) {
+                self.selectedDateElem && self.selectedDateElem.focus();
+            }
+            if (self.hourElement !== undefined)
+                self.hourElement !== undefined && self.hourElement.focus();
+            if (self.config.closeOnSelect) {
+                var single = self.config.mode === "single" && !self.config.enableTime;
+                var range = self.config.mode === "range" &&
+                    self.selectedDates.length === 2 &&
+                    !self.config.enableTime;
+                if (single || range) {
+                    focusAndClose();
+                }
+            }
+            triggerChange();
+        }
+        var CALLBACKS = {
+            locale: [setupLocale, updateWeekdays],
+            showMonths: [buildMonths, setCalendarWidth, buildWeekdays],
+            minDate: [jumpToDate],
+            maxDate: [jumpToDate],
+            positionElement: [updatePositionElement],
+            clickOpens: [
+                function () {
+                    if (self.config.clickOpens === true) {
+                        bind(self._input, "focus", self.open);
+                        bind(self._input, "click", self.open);
+                    }
+                    else {
+                        self._input.removeEventListener("focus", self.open);
+                        self._input.removeEventListener("click", self.open);
+                    }
+                },
+            ],
+        };
+        function set(option, value) {
+            if (option !== null && typeof option === "object") {
+                Object.assign(self.config, option);
+                for (var key in option) {
+                    if (CALLBACKS[key] !== undefined)
+                        CALLBACKS[key].forEach(function (x) { return x(); });
+                }
+            }
+            else {
+                self.config[option] = value;
+                if (CALLBACKS[option] !== undefined)
+                    CALLBACKS[option].forEach(function (x) { return x(); });
+                else if (HOOKS.indexOf(option) > -1)
+                    self.config[option] = arrayify(value);
+            }
+            self.redraw();
+            updateValue(true);
+        }
+        function setSelectedDate(inputDate, format) {
+            var dates = [];
+            if (inputDate instanceof Array)
+                dates = inputDate.map(function (d) { return self.parseDate(d, format); });
+            else if (inputDate instanceof Date || typeof inputDate === "number")
+                dates = [self.parseDate(inputDate, format)];
+            else if (typeof inputDate === "string") {
+                switch (self.config.mode) {
+                    case "single":
+                    case "time":
+                        dates = [self.parseDate(inputDate, format)];
+                        break;
+                    case "multiple":
+                        dates = inputDate
+                            .split(self.config.conjunction)
+                            .map(function (date) { return self.parseDate(date, format); });
+                        break;
+                    case "range":
+                        dates = inputDate
+                            .split(self.l10n.rangeSeparator)
+                            .map(function (date) { return self.parseDate(date, format); });
+                        break;
+                }
+            }
+            else
+                self.config.errorHandler(new Error("Invalid date supplied: " + JSON.stringify(inputDate)));
+            self.selectedDates = (self.config.allowInvalidPreload
+                ? dates
+                : dates.filter(function (d) { return d instanceof Date && isEnabled(d, false); }));
+            if (self.config.mode === "range")
+                self.selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });
+        }
+        function setDate(date, triggerChange, format) {
+            if (triggerChange === void 0) { triggerChange = false; }
+            if (format === void 0) { format = self.config.dateFormat; }
+            if ((date !== 0 && !date) || (date instanceof Array && date.length === 0))
+                return self.clear(triggerChange);
+            setSelectedDate(date, format);
+            self.latestSelectedDateObj =
+                self.selectedDates[self.selectedDates.length - 1];
+            self.redraw();
+            jumpToDate(undefined, triggerChange);
+            setHoursFromDate();
+            if (self.selectedDates.length === 0) {
+                self.clear(false);
+            }
+            updateValue(triggerChange);
+            if (triggerChange)
+                triggerEvent("onChange");
+        }
+        function parseDateRules(arr) {
+            return arr
+                .slice()
+                .map(function (rule) {
+                if (typeof rule === "string" ||
+                    typeof rule === "number" ||
+                    rule instanceof Date) {
+                    return self.parseDate(rule, undefined, true);
+                }
+                else if (rule &&
+                    typeof rule === "object" &&
+                    rule.from &&
+                    rule.to)
+                    return {
+                        from: self.parseDate(rule.from, undefined),
+                        to: self.parseDate(rule.to, undefined),
+                    };
+                return rule;
+            })
+                .filter(function (x) { return x; }); // remove falsy values
+        }
+        function setupDates() {
+            self.selectedDates = [];
+            self.now = self.parseDate(self.config.now) || new Date();
+            // Workaround IE11 setting placeholder as the input's value
+            var preloadedDate = self.config.defaultDate ||
+                ((self.input.nodeName === "INPUT" ||
+                    self.input.nodeName === "TEXTAREA") &&
+                    self.input.placeholder &&
+                    self.input.value === self.input.placeholder
+                    ? null
+                    : self.input.value);
+            if (preloadedDate)
+                setSelectedDate(preloadedDate, self.config.dateFormat);
+            self._initialDate =
+                self.selectedDates.length > 0
+                    ? self.selectedDates[0]
+                    : self.config.minDate &&
+                        self.config.minDate.getTime() > self.now.getTime()
+                        ? self.config.minDate
+                        : self.config.maxDate &&
+                            self.config.maxDate.getTime() < self.now.getTime()
+                            ? self.config.maxDate
+                            : self.now;
+            self.currentYear = self._initialDate.getFullYear();
+            self.currentMonth = self._initialDate.getMonth();
+            if (self.selectedDates.length > 0)
+                self.latestSelectedDateObj = self.selectedDates[0];
+            if (self.config.minTime !== undefined)
+                self.config.minTime = self.parseDate(self.config.minTime, "H:i");
+            if (self.config.maxTime !== undefined)
+                self.config.maxTime = self.parseDate(self.config.maxTime, "H:i");
+            self.minDateHasTime =
+                !!self.config.minDate &&
+                    (self.config.minDate.getHours() > 0 ||
+                        self.config.minDate.getMinutes() > 0 ||
+                        self.config.minDate.getSeconds() > 0);
+            self.maxDateHasTime =
+                !!self.config.maxDate &&
+                    (self.config.maxDate.getHours() > 0 ||
+                        self.config.maxDate.getMinutes() > 0 ||
+                        self.config.maxDate.getSeconds() > 0);
+        }
+        function setupInputs() {
+            self.input = getInputElem();
+            /* istanbul ignore next */
+            if (!self.input) {
+                self.config.errorHandler(new Error("Invalid input element specified"));
+                return;
+            }
+            // hack: store previous type to restore it after destroy()
+            self.input._type = self.input.type;
+            self.input.type = "text";
+            self.input.classList.add("flatpickr-input");
+            self._input = self.input;
+            if (self.config.altInput) {
+                // replicate self.element
+                self.altInput = createElement(self.input.nodeName, self.config.altInputClass);
+                self._input = self.altInput;
+                self.altInput.placeholder = self.input.placeholder;
+                self.altInput.disabled = self.input.disabled;
+                self.altInput.required = self.input.required;
+                self.altInput.tabIndex = self.input.tabIndex;
+                self.altInput.type = "text";
+                self.input.setAttribute("type", "hidden");
+                if (!self.config.static && self.input.parentNode)
+                    self.input.parentNode.insertBefore(self.altInput, self.input.nextSibling);
+            }
+            if (!self.config.allowInput)
+                self._input.setAttribute("readonly", "readonly");
+            updatePositionElement();
+        }
+        function updatePositionElement() {
+            self._positionElement = self.config.positionElement || self._input;
+        }
+        function setupMobile() {
+            var inputType = self.config.enableTime
+                ? self.config.noCalendar
+                    ? "time"
+                    : "datetime-local"
+                : "date";
+            self.mobileInput = createElement("input", self.input.className + " flatpickr-mobile");
+            self.mobileInput.tabIndex = 1;
+            self.mobileInput.type = inputType;
+            self.mobileInput.disabled = self.input.disabled;
+            self.mobileInput.required = self.input.required;
+            self.mobileInput.placeholder = self.input.placeholder;
+            self.mobileFormatStr =
+                inputType === "datetime-local"
+                    ? "Y-m-d\\TH:i:S"
+                    : inputType === "date"
+                        ? "Y-m-d"
+                        : "H:i:S";
+            if (self.selectedDates.length > 0) {
+                self.mobileInput.defaultValue = self.mobileInput.value = self.formatDate(self.selectedDates[0], self.mobileFormatStr);
+            }
+            if (self.config.minDate)
+                self.mobileInput.min = self.formatDate(self.config.minDate, "Y-m-d");
+            if (self.config.maxDate)
+                self.mobileInput.max = self.formatDate(self.config.maxDate, "Y-m-d");
+            if (self.input.getAttribute("step"))
+                self.mobileInput.step = String(self.input.getAttribute("step"));
+            self.input.type = "hidden";
+            if (self.altInput !== undefined)
+                self.altInput.type = "hidden";
+            try {
+                if (self.input.parentNode)
+                    self.input.parentNode.insertBefore(self.mobileInput, self.input.nextSibling);
+            }
+            catch (_a) { }
+            bind(self.mobileInput, "change", function (e) {
+                self.setDate(getEventTarget(e).value, false, self.mobileFormatStr);
+                triggerEvent("onChange");
+                triggerEvent("onClose");
+            });
+        }
+        function toggle(e) {
+            if (self.isOpen === true)
+                return self.close();
+            self.open(e);
+        }
+        function triggerEvent(event, data) {
+            // If the instance has been destroyed already, all hooks have been removed
+            if (self.config === undefined)
+                return;
+            var hooks = self.config[event];
+            if (hooks !== undefined && hooks.length > 0) {
+                for (var i = 0; hooks[i] && i < hooks.length; i++)
+                    hooks[i](self.selectedDates, self.input.value, self, data);
+            }
+            if (event === "onChange") {
+                self.input.dispatchEvent(createEvent("change"));
+                // many front-end frameworks bind to the input event
+                self.input.dispatchEvent(createEvent("input"));
+            }
+        }
+        function createEvent(name) {
+            var e = document.createEvent("Event");
+            e.initEvent(name, true, true);
+            return e;
+        }
+        function isDateSelected(date) {
+            for (var i = 0; i < self.selectedDates.length; i++) {
+                if (compareDates(self.selectedDates[i], date) === 0)
+                    return "" + i;
+            }
+            return false;
+        }
+        function isDateInRange(date) {
+            if (self.config.mode !== "range" || self.selectedDates.length < 2)
+                return false;
+            return (compareDates(date, self.selectedDates[0]) >= 0 &&
+                compareDates(date, self.selectedDates[1]) <= 0);
+        }
+        function updateNavigationCurrentMonth() {
+            if (self.config.noCalendar || self.isMobile || !self.monthNav)
+                return;
+            self.yearElements.forEach(function (yearElement, i) {
+                var d = new Date(self.currentYear, self.currentMonth, 1);
+                d.setMonth(self.currentMonth + i);
+                if (self.config.showMonths > 1 ||
+                    self.config.monthSelectorType === "static") {
+                    self.monthElements[i].textContent =
+                        monthToStr(d.getMonth(), self.config.shorthandCurrentMonth, self.l10n) + " ";
+                }
+                else {
+                    self.monthsDropdownContainer.value = d.getMonth().toString();
+                }
+                yearElement.value = d.getFullYear().toString();
+            });
+            self._hidePrevMonthArrow =
+                self.config.minDate !== undefined &&
+                    (self.currentYear === self.config.minDate.getFullYear()
+                        ? self.currentMonth <= self.config.minDate.getMonth()
+                        : self.currentYear < self.config.minDate.getFullYear());
+            self._hideNextMonthArrow =
+                self.config.maxDate !== undefined &&
+                    (self.currentYear === self.config.maxDate.getFullYear()
+                        ? self.currentMonth + 1 > self.config.maxDate.getMonth()
+                        : self.currentYear > self.config.maxDate.getFullYear());
+        }
+        function getDateStr(format) {
+            return self.selectedDates
+                .map(function (dObj) { return self.formatDate(dObj, format); })
+                .filter(function (d, i, arr) {
+                return self.config.mode !== "range" ||
+                    self.config.enableTime ||
+                    arr.indexOf(d) === i;
+            })
+                .join(self.config.mode !== "range"
+                ? self.config.conjunction
+                : self.l10n.rangeSeparator);
+        }
+        /**
+         * Updates the values of inputs associated with the calendar
+         */
+        function updateValue(triggerChange) {
+            if (triggerChange === void 0) { triggerChange = true; }
+            if (self.mobileInput !== undefined && self.mobileFormatStr) {
+                self.mobileInput.value =
+                    self.latestSelectedDateObj !== undefined
+                        ? self.formatDate(self.latestSelectedDateObj, self.mobileFormatStr)
+                        : "";
+            }
+            self.input.value = getDateStr(self.config.dateFormat);
+            if (self.altInput !== undefined) {
+                self.altInput.value = getDateStr(self.config.altFormat);
+            }
+            if (triggerChange !== false)
+                triggerEvent("onValueUpdate");
+        }
+        function onMonthNavClick(e) {
+            var eventTarget = getEventTarget(e);
+            var isPrevMonth = self.prevMonthNav.contains(eventTarget);
+            var isNextMonth = self.nextMonthNav.contains(eventTarget);
+            if (isPrevMonth || isNextMonth) {
+                changeMonth(isPrevMonth ? -1 : 1);
+            }
+            else if (self.yearElements.indexOf(eventTarget) >= 0) {
+                eventTarget.select();
+            }
+            else if (eventTarget.classList.contains("arrowUp")) {
+                self.changeYear(self.currentYear + 1);
+            }
+            else if (eventTarget.classList.contains("arrowDown")) {
+                self.changeYear(self.currentYear - 1);
+            }
+        }
+        function timeWrapper(e) {
+            e.preventDefault();
+            var isKeyDown = e.type === "keydown", eventTarget = getEventTarget(e), input = eventTarget;
+            if (self.amPM !== undefined && eventTarget === self.amPM) {
+                self.amPM.textContent =
+                    self.l10n.amPM[int(self.amPM.textContent === self.l10n.amPM[0])];
+            }
+            var min = parseFloat(input.getAttribute("min")), max = parseFloat(input.getAttribute("max")), step = parseFloat(input.getAttribute("step")), curValue = parseInt(input.value, 10), delta = e.delta ||
+                (isKeyDown ? (e.which === 38 ? 1 : -1) : 0);
+            var newValue = curValue + step * delta;
+            if (typeof input.value !== "undefined" && input.value.length === 2) {
+                var isHourElem = input === self.hourElement, isMinuteElem = input === self.minuteElement;
+                if (newValue < min) {
+                    newValue =
+                        max +
+                            newValue +
+                            int(!isHourElem) +
+                            (int(isHourElem) && int(!self.amPM));
+                    if (isMinuteElem)
+                        incrementNumInput(undefined, -1, self.hourElement);
+                }
+                else if (newValue > max) {
+                    newValue =
+                        input === self.hourElement ? newValue - max - int(!self.amPM) : min;
+                    if (isMinuteElem)
+                        incrementNumInput(undefined, 1, self.hourElement);
+                }
+                if (self.amPM &&
+                    isHourElem &&
+                    (step === 1
+                        ? newValue + curValue === 23
+                        : Math.abs(newValue - curValue) > step)) {
+                    self.amPM.textContent =
+                        self.l10n.amPM[int(self.amPM.textContent === self.l10n.amPM[0])];
+                }
+                input.value = pad(newValue);
+            }
+        }
+        init();
+        return self;
+    }
+    /* istanbul ignore next */
+    function _flatpickr(nodeList, config) {
+        // static list
+        var nodes = Array.prototype.slice
+            .call(nodeList)
+            .filter(function (x) { return x instanceof HTMLElement; });
+        var instances = [];
+        for (var i = 0; i < nodes.length; i++) {
+            var node = nodes[i];
+            try {
+                if (node.getAttribute("data-fp-omit") !== null)
+                    continue;
+                if (node._flatpickr !== undefined) {
+                    node._flatpickr.destroy();
+                    node._flatpickr = undefined;
+                }
+                node._flatpickr = FlatpickrInstance(node, config || {});
+                instances.push(node._flatpickr);
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+        return instances.length === 1 ? instances[0] : instances;
+    }
+    /* istanbul ignore next */
+    if (typeof HTMLElement !== "undefined" &&
+        typeof HTMLCollection !== "undefined" &&
+        typeof NodeList !== "undefined") {
+        // browser env
+        HTMLCollection.prototype.flatpickr = NodeList.prototype.flatpickr = function (config) {
+            return _flatpickr(this, config);
+        };
+        HTMLElement.prototype.flatpickr = function (config) {
+            return _flatpickr([this], config);
+        };
+    }
+    /* istanbul ignore next */
+    var flatpickr = function (selector, config) {
+        if (typeof selector === "string") {
+            return _flatpickr(window.document.querySelectorAll(selector), config);
+        }
+        else if (selector instanceof Node) {
+            return _flatpickr([selector], config);
+        }
+        else {
+            return _flatpickr(selector, config);
+        }
+    };
+    /* istanbul ignore next */
+    flatpickr.defaultConfig = {};
+    flatpickr.l10ns = {
+        en: __assign({}, english),
+        default: __assign({}, english),
+    };
+    flatpickr.localize = function (l10n) {
+        flatpickr.l10ns.default = __assign(__assign({}, flatpickr.l10ns.default), l10n);
+    };
+    flatpickr.setDefaults = function (config) {
+        flatpickr.defaultConfig = __assign(__assign({}, flatpickr.defaultConfig), config);
+    };
+    flatpickr.parseDate = createDateParser({});
+    flatpickr.formatDate = createDateFormatter({});
+    flatpickr.compareDates = compareDates;
+    /* istanbul ignore next */
+    if (typeof jQuery !== "undefined" && typeof jQuery.fn !== "undefined") {
+        jQuery.fn.flatpickr = function (config) {
+            return _flatpickr(this, config);
+        };
+    }
+    Date.prototype.fp_incr = function (days) {
+        return new Date(this.getFullYear(), this.getMonth(), this.getDate() + (typeof days === "string" ? parseInt(days, 10) : days));
+    };
+    if (typeof window !== "undefined") {
+        window.flatpickr = flatpickr;
+    }
+
+    return flatpickr;
+
+})));
diff --git a/asset/js/vendor/flatpickr.min.js b/asset/js/vendor/flatpickr.min.js
new file mode 100644
index 0000000..286f1de
--- /dev/null
+++ b/asset/js/vendor/flatpickr.min.js
@@ -0,0 +1,2 @@
+/* flatpickr v4.6.9,, @license MIT */
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.icinga?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).flatpickr=n()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e}).apply(this,arguments)};function n(){for(var e=0,n=0,t=arguments.length;n<t;n++)e+=arguments[n].length;var a=Array(e),i=0;for(n=0;n<t;n++)for(var o=arguments[n],r=0,l=o.length;r<l;r++,i++)a[i]=o[r];return a}var t=["onChange","onClose","onDayCreate","onDestroy","onKeyDown","onMonthChange","onOpen","onParseConfig","onReady","onValueUpdate","onYearChange","onPreCalendarPosition"],a={_disable:[],allowInput:!1,allowInvalidPreload:!1,altFormat:"F j, Y",altInput:!1,altInputClass:"form-control input",animate:"object"==typeof window&&-1===window.navigator.userAgent.indexOf("MSIE"),ariaDateFormat:"F j, Y",autoFillDefaultTime:!0,clickOpens:!0,closeOnSelect:!0,conjunction:", ",dateFormat:"Y-m-d",defaultHour:12,defaultMinute:0,defaultSeconds:0,disable:[],disableMobile:!1,enableSeconds:!1,enableTime:!1,errorHandler:function(e){return"undefined"!=typeof console&&console.warn(e)},getWeek:function(e){var n=new Date(e.getTime());n.setHours(0,0,0,0),n.setDate(n.getDate()+3-(n.getDay()+6)%7);var t=new Date(n.getFullYear(),0,4);return 1+Math.round(((n.getTime()-t.getTime())/864e5-3+(t.getDay()+6)%7)/7)},hourIncrement:1,ignoredFocusElements:[],inline:!1,locale:"default",minuteIncrement:5,mode:"single",monthSelectorType:"dropdown",nextArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z' /></svg>",noCalendar:!1,now:new Date,onChange:[],onClose:[],onDayCreate:[],onDestroy:[],onKeyDown:[],onMonthChange:[],onOpen:[],onParseConfig:[],onReady:[],onValueUpdate:[],onYearChange:[],onPreCalendarPosition:[],plugins:[],position:"auto",positionElement:void 0,prevArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z' /></svg>",shorthandCurrentMonth:!1,showMonths:1,static:!1,time_24hr:!1,weekNumbers:!1,wrap:!1},i={weekdays:{shorthand:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longhand:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},months:{shorthand:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longhand:["January","February","March","April","May","June","July","August","September","October","November","December"]},daysInMonth:[31,28,31,30,31,30,31,31,30,31,30,31],firstDayOfWeek:0,ordinal:function(e){var n=e%100;if(n>3&&n<21)return"th";switch(n%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}},rangeSeparator:" to ",weekAbbreviation:"Wk",scrollTitle:"Scroll to increment",toggleTitle:"Click to toggle",amPM:["AM","PM"],yearAriaLabel:"Year",monthAriaLabel:"Month",hourAriaLabel:"Hour",minuteAriaLabel:"Minute",time_24hr:!1},o=function(e,n){return void 0===n&&(n=2),("000"+e).slice(-1*n)},r=function(e){return!0===e?1:0};function l(e,n){var t;return function(){var a=this,i=arguments;clearTimeout(t),t=setTimeout((function(){return e.apply(a,i)}),n)}}var c=function(e){return e instanceof Array?e:[e]};function s(e,n,t){if(!0===t)return e.classList.add(n);e.classList.remove(n)}function d(e,n,t){var a=window.document.createElement(e);return n=n||"",t=t||"",a.className=n,void 0!==t&&(a.textContent=t),a}function u(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function f(e,n){return n(e)?e:e.parentNode?f(e.parentNode,n):void 0}function m(e,n){var t=d("div","numInputWrapper"),a=d("input","numInput "+e),i=d("span","arrowUp"),o=d("span","arrowDown");if(-1===navigator.userAgent.indexOf("MSIE 9.0")?a.type="number":(a.type="text",a.pattern="\\d*"),void 0!==n)for(var r in n)a.setAttribute(r,n[r]);return t.appendChild(a),t.appendChild(i),t.appendChild(o),t}function g(e){try{return"function"==typeof e.composedPath?e.composedPath()[0]:e.target}catch(n){return e.target}}var p=function(){},h=function(e,n,t){return t.months[n?"shorthand":"longhand"][e]},v={D:p,F:function(e,n,t){e.setMonth(t.months.longhand.indexOf(n))},G:function(e,n){e.setHours(parseFloat(n))},H:function(e,n){e.setHours(parseFloat(n))},J:function(e,n){e.setDate(parseFloat(n))},K:function(e,n,t){e.setHours(e.getHours()%12+12*r(new RegExp(t.amPM[1],"i").test(n)))},M:function(e,n,t){e.setMonth(t.months.shorthand.indexOf(n))},S:function(e,n){e.setSeconds(parseFloat(n))},U:function(e,n){return new Date(1e3*parseFloat(n))},W:function(e,n,t){var a=parseInt(n),i=new Date(e.getFullYear(),0,2+7*(a-1),0,0,0,0);return i.setDate(i.getDate()-i.getDay()+t.firstDayOfWeek),i},Y:function(e,n){e.setFullYear(parseFloat(n))},Z:function(e,n){return new Date(n)},d:function(e,n){e.setDate(parseFloat(n))},h:function(e,n){e.setHours(parseFloat(n))},i:function(e,n){e.setMinutes(parseFloat(n))},j:function(e,n){e.setDate(parseFloat(n))},l:p,m:function(e,n){e.setMonth(parseFloat(n)-1)},n:function(e,n){e.setMonth(parseFloat(n)-1)},s:function(e,n){e.setSeconds(parseFloat(n))},u:function(e,n){return new Date(parseFloat(n))},w:p,y:function(e,n){e.setFullYear(2e3+parseFloat(n))}},D={D:"(\\w+)",F:"(\\w+)",G:"(\\d\\d|\\d)",H:"(\\d\\d|\\d)",J:"(\\d\\d|\\d)\\w+",K:"",M:"(\\w+)",S:"(\\d\\d|\\d)",U:"(.+)",W:"(\\d\\d|\\d)",Y:"(\\d{4})",Z:"(.+)",d:"(\\d\\d|\\d)",h:"(\\d\\d|\\d)",i:"(\\d\\d|\\d)",j:"(\\d\\d|\\d)",l:"(\\w+)",m:"(\\d\\d|\\d)",n:"(\\d\\d|\\d)",s:"(\\d\\d|\\d)",u:"(.+)",w:"(\\d\\d|\\d)",y:"(\\d{2})"},w={Z:function(e){return e.toISOString()},D:function(e,n,t){return n.weekdays.shorthand[w.w(e,n,t)]},F:function(e,n,t){return h(w.n(e,n,t)-1,!1,n)},G:function(e,n,t){return o(w.h(e,n,t))},H:function(e){return o(e.getHours())},J:function(e,n){return void 0!==n.ordinal?e.getDate()+n.ordinal(e.getDate()):e.getDate()},K:function(e,n){return n.amPM[r(e.getHours()>11)]},M:function(e,n){return h(e.getMonth(),!0,n)},S:function(e){return o(e.getSeconds())},U:function(e){return e.getTime()/1e3},W:function(e,n,t){return t.getWeek(e)},Y:function(e){return o(e.getFullYear(),4)},d:function(e){return o(e.getDate())},h:function(e){return e.getHours()%12?e.getHours()%12:12},i:function(e){return o(e.getMinutes())},j:function(e){return e.getDate()},l:function(e,n){return n.weekdays.longhand[e.getDay()]},m:function(e){return o(e.getMonth()+1)},n:function(e){return e.getMonth()+1},s:function(e){return e.getSeconds()},u:function(e){return e.getTime()},w:function(e){return e.getDay()},y:function(e){return String(e.getFullYear()).substring(2)}},b=function(e){var n=e.config,t=void 0===n?a:n,o=e.l10n,r=void 0===o?i:o,l=e.isMobile,c=void 0!==l&&l;return function(e,n,a){var i=a||r;return void 0===t.formatDate||c?n.split("").map((function(n,a,o){return w[n]&&"\\"!==o[a-1]?w[n](e,i,t):"\\"!==n?n:""})).join(""):t.formatDate(e,n,i)}},C=function(e){var n=e.config,t=void 0===n?a:n,o=e.l10n,r=void 0===o?i:o;return function(e,n,i,o){if(0===e||e){var l,c=o||r,s=e;if(e instanceof Date)l=new Date(e.getTime());else if("string"!=typeof e&&void 0!==e.toFixed)l=new Date(e);else if("string"==typeof e){var d=n||(t||a).dateFormat,u=String(e).trim();if("today"===u)l=new Date,i=!0;else if(t&&t.parseDate)l=t.parseDate(e,d);else if(/Z$/.test(u)||/GMT$/.test(u))l=new Date(e);else{for(var f=void 0,m=[],g=0,p=0,h="";g<d.length;g++){var w=d[g],b="\\"===w,C="\\"===d[g-1]||b;if(D[w]&&!C){h+=D[w];var M=new RegExp(h).exec(e);M&&(f=!0)&&m["Y"!==w?"push":"unshift"]({fn:v[w],val:M[++p]})}else b||(h+=".")}l=t&&t.noCalendar?new Date((new Date).setHours(0,0,0,0)):new Date((new Date).getFullYear(),0,1,0,0,0,0),m.forEach((function(e){var n=e.fn,t=e.val;return l=n(l,t,c)||l})),l=f?l:void 0}}if(l instanceof Date&&!isNaN(l.getTime()))return!0===i&&l.setHours(0,0,0,0),l;t.errorHandler(new Error("Invalid date provided: "+s))}}};function M(e,n,t){return void 0===t&&(t=!0),!1!==t?new Date(e.getTime()).setHours(0,0,0,0)-new Date(n.getTime()).setHours(0,0,0,0):e.getTime()-n.getTime()}var y=function(e,n,t){return 3600*e+60*n+t},x=864e5;function E(e){var n=e.defaultHour,t=e.defaultMinute,a=e.defaultSeconds;if(void 0!==e.minDate){var i=e.minDate.getHours(),o=e.minDate.getMinutes(),r=e.minDate.getSeconds();n<i&&(n=i),n===i&&t<o&&(t=o),n===i&&t===o&&a<r&&(a=e.minDate.getSeconds())}if(void 0!==e.maxDate){var l=e.maxDate.getHours(),c=e.maxDate.getMinutes();(n=Math.min(n,l))===l&&(t=Math.min(c,t)),n===l&&t===c&&(a=e.maxDate.getSeconds())}return{hours:n,minutes:t,seconds:a}}"function"!=typeof Object.assign&&(Object.assign=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];if(!e)throw TypeError("Cannot convert undefined or null to object");for(var a=function(n){n&&Object.keys(n).forEach((function(t){return e[t]=n[t]}))},i=0,o=n;i<o.length;i++){var r=o[i];a(r)}return e});function T(p,v){var w={config:e(e({},a),S.defaultConfig),l10n:i};function T(e){return e.bind(w)}function k(){var e=w.config;!1===e.weekNumbers&&1===e.showMonths||!0!==e.noCalendar&&window.requestAnimationFrame((function(){if(void 0!==w.calendarContainer&&(w.calendarContainer.style.visibility="hidden",w.calendarContainer.style.display="block"),void 0!==w.daysContainer){var n=(w.days.offsetWidth+1)*e.showMonths;w.daysContainer.style.width=n+"px",w.calendarContainer.style.width=n+(void 0!==w.weekWrapper?w.weekWrapper.offsetWidth:0)+"px",w.calendarContainer.style.removeProperty("visibility"),w.calendarContainer.style.removeProperty("display")}}))}function I(e){if(0===w.selectedDates.length){var n=void 0===w.config.minDate||M(new Date,w.config.minDate)>=0?new Date:new Date(w.config.minDate.getTime()),t=E(w.config);n.setHours(t.hours,t.minutes,t.seconds,n.getMilliseconds()),w.selectedDates=[n],w.latestSelectedDateObj=n}void 0!==e&&"blur"!==e.type&&function(e){e.preventDefault();var n="keydown"===e.type,t=g(e),a=t;void 0!==w.amPM&&t===w.amPM&&(w.amPM.textContent=w.l10n.amPM[r(w.amPM.textContent===w.l10n.amPM[0])]);var i=parseFloat(a.getAttribute("min")),l=parseFloat(a.getAttribute("max")),c=parseFloat(a.getAttribute("step")),s=parseInt(a.value,10),d=e.delta||(n?38===e.which?1:-1:0),u=s+c*d;if(void 0!==a.value&&2===a.value.length){var f=a===w.hourElement,m=a===w.minuteElement;u<i?(u=l+u+r(!f)+(r(f)&&r(!w.amPM)),m&&j(void 0,-1,w.hourElement)):u>l&&(u=a===w.hourElement?u-l-r(!w.amPM):i,m&&j(void 0,1,w.hourElement)),w.amPM&&f&&(1===c?u+s===23:Math.abs(u-s)>c)&&(w.amPM.textContent=w.l10n.amPM[r(w.amPM.textContent===w.l10n.amPM[0])]),a.value=o(u)}}(e);var a=w._input.value;_(),Me(),w._input.value!==a&&w._debouncedChange()}function _(){if(void 0!==w.hourElement&&void 0!==w.minuteElement){var e,n,t=(parseInt(w.hourElement.value.slice(-2),10)||0)%24,a=(parseInt(w.minuteElement.value,10)||0)%60,i=void 0!==w.secondElement?(parseInt(w.secondElement.value,10)||0)%60:0;void 0!==w.amPM&&(e=t,n=w.amPM.textContent,t=e%12+12*r(n===w.l10n.amPM[1]));var o=void 0!==w.config.minTime||w.config.minDate&&w.minDateHasTime&&w.latestSelectedDateObj&&0===M(w.latestSelectedDateObj,w.config.minDate,!0),l=void 0!==w.config.maxTime||w.config.maxDate&&w.maxDateHasTime&&w.latestSelectedDateObj&&0===M(w.latestSelectedDateObj,w.config.maxDate,!0);if(void 0!==w.config.maxTime&&void 0!==w.config.minTime&&w.config.minTime>w.config.maxTime){var c=y(w.config.minTime.getHours(),w.config.minTime.getMinutes(),w.config.minTime.getSeconds()),s=y(w.config.maxTime.getHours(),w.config.maxTime.getMinutes(),w.config.maxTime.getSeconds()),d=y(t,a,i);if(d>s&&d<c){var u=function(e){var n=Math.floor(e/3600),t=(e-3600*n)/60;return[n,t,e-3600*n-60*t]}(c);t=u[0],a=u[1],i=u[2]}}else{if(l){var f=void 0!==w.config.maxTime?w.config.maxTime:w.config.maxDate;(t=Math.min(t,f.getHours()))===f.getHours()&&(a=Math.min(a,f.getMinutes())),a===f.getMinutes()&&(i=Math.min(i,f.getSeconds()))}if(o){var m=void 0!==w.config.minTime?w.config.minTime:w.config.minDate;(t=Math.max(t,m.getHours()))===m.getHours()&&a<m.getMinutes()&&(a=m.getMinutes()),a===m.getMinutes()&&(i=Math.max(i,m.getSeconds()))}}F(t,a,i)}}function O(e){var n=e||w.latestSelectedDateObj;n&&F(n.getHours(),n.getMinutes(),n.getSeconds())}function F(e,n,t){void 0!==w.latestSelectedDateObj&&w.latestSelectedDateObj.setHours(e%24,n,t||0,0),w.hourElement&&w.minuteElement&&!w.isMobile&&(w.hourElement.value=o(w.config.time_24hr?e:(12+e)%12+12*r(e%12==0)),w.minuteElement.value=o(n),void 0!==w.amPM&&(w.amPM.textContent=w.l10n.amPM[r(e>=12)]),void 0!==w.secondElement&&(w.secondElement.value=o(t)))}function A(e){var n=g(e),t=parseInt(n.value)+(e.delta||0);(t/1e3>1||"Enter"===e.key&&!/[^\d]/.test(t.toString()))&&X(t)}function N(e,n,t,a){return n instanceof Array?n.forEach((function(n){return N(e,n,t,a)})):e instanceof Array?e.forEach((function(e){return N(e,n,t,a)})):(e.addEventListener(n,t,a),void w._handlers.push({remove:function(){return e.removeEventListener(n,t)}}))}function P(){ve("onChange")}function Y(e,n){var t=void 0!==e?w.parseDate(e):w.latestSelectedDateObj||(w.config.minDate&&w.config.minDate>w.now?w.config.minDate:w.config.maxDate&&w.config.maxDate<w.now?w.config.maxDate:w.now),a=w.currentYear,i=w.currentMonth;try{void 0!==t&&(w.currentYear=t.getFullYear(),w.currentMonth=t.getMonth())}catch(e){e.message="Invalid date supplied: "+t,w.config.errorHandler(e)}n&&w.currentYear!==a&&(ve("onYearChange"),U()),!n||w.currentYear===a&&w.currentMonth===i||ve("onMonthChange"),w.redraw()}function H(e){var n=g(e);~n.className.indexOf("arrow")&&j(e,n.classList.contains("arrowUp")?1:-1)}function j(e,n,t){var a=e&&g(e),i=t||a&&a.parentNode&&a.parentNode.firstChild,o=De("increment");o.delta=n,i&&i.dispatchEvent(o)}function L(e,n,t,a){var i=ee(n,!0),o=d("span","flatpickr-day "+e,n.getDate().toString());return o.dateObj=n,o.$i=a,o.setAttribute("aria-label",w.formatDate(n,w.config.ariaDateFormat)),-1===e.indexOf("hidden")&&0===M(n,w.now)&&(w.todayDateElem=o,o.classList.add("today"),o.setAttribute("aria-current","date")),i?(o.tabIndex=-1,we(n)&&(o.classList.add("selected"),w.selectedDateElem=o,"range"===w.config.mode&&(s(o,"startRange",w.selectedDates[0]&&0===M(n,w.selectedDates[0],!0)),s(o,"endRange",w.selectedDates[1]&&0===M(n,w.selectedDates[1],!0)),"nextMonthDay"===e&&o.classList.add("inRange")))):o.classList.add("flatpickr-disabled"),"range"===w.config.mode&&function(e){return!("range"!==w.config.mode||w.selectedDates.length<2)&&(M(e,w.selectedDates[0])>=0&&M(e,w.selectedDates[1])<=0)}(n)&&!we(n)&&o.classList.add("inRange"),w.weekNumbers&&1===w.config.showMonths&&"prevMonthDay"!==e&&t%7==1&&w.weekNumbers.insertAdjacentHTML("beforeend","<span class='flatpickr-day'>"+w.config.getWeek(n)+"</span>"),ve("onDayCreate",o),o}function W(e){e.focus(),"range"===w.config.mode&&ie(e)}function R(e){for(var n=e>0?0:w.config.showMonths-1,t=e>0?w.config.showMonths:-1,a=n;a!=t;a+=e)for(var i=w.daysContainer.children[a],o=e>0?0:i.children.length-1,r=e>0?i.children.length:-1,l=o;l!=r;l+=e){var c=i.children[l];if(-1===c.className.indexOf("hidden")&&ee(c.dateObj))return c}}function B(e,n){var t=ne(document.activeElement||document.body),a=void 0!==e?e:t?document.activeElement:void 0!==w.selectedDateElem&&ne(w.selectedDateElem)?w.selectedDateElem:void 0!==w.todayDateElem&&ne(w.todayDateElem)?w.todayDateElem:R(n>0?1:-1);void 0===a?w._input.focus():t?function(e,n){for(var t=-1===e.className.indexOf("Month")?e.dateObj.getMonth():w.currentMonth,a=n>0?w.config.showMonths:-1,i=n>0?1:-1,o=t-w.currentMonth;o!=a;o+=i)for(var r=w.daysContainer.children[o],l=t-w.currentMonth===o?e.$i+n:n<0?r.children.length-1:0,c=r.children.length,s=l;s>=0&&s<c&&s!=(n>0?c:-1);s+=i){var d=r.children[s];if(-1===d.className.indexOf("hidden")&&ee(d.dateObj)&&Math.abs(e.$i-s)>=Math.abs(n))return W(d)}w.changeMonth(i),B(R(i),0)}(a,n):W(a)}function J(e,n){for(var t=(new Date(e,n,1).getDay()-w.l10n.firstDayOfWeek+7)%7,a=w.utils.getDaysInMonth((n-1+12)%12,e),i=w.utils.getDaysInMonth(n,e),o=window.document.createDocumentFragment(),r=w.config.showMonths>1,l=r?"prevMonthDay hidden":"prevMonthDay",c=r?"nextMonthDay hidden":"nextMonthDay",s=a+1-t,u=0;s<=a;s++,u++)o.appendChild(L(l,new Date(e,n-1,s),s,u));for(s=1;s<=i;s++,u++)o.appendChild(L("",new Date(e,n,s),s,u));for(var f=i+1;f<=42-t&&(1===w.config.showMonths||u%7!=0);f++,u++)o.appendChild(L(c,new Date(e,n+1,f%i),f,u));var m=d("div","dayContainer");return m.appendChild(o),m}function K(){if(void 0!==w.daysContainer){u(w.daysContainer),w.weekNumbers&&u(w.weekNumbers);for(var e=document.createDocumentFragment(),n=0;n<w.config.showMonths;n++){var t=new Date(w.currentYear,w.currentMonth,1);t.setMonth(w.currentMonth+n),e.appendChild(J(t.getFullYear(),t.getMonth()))}w.daysContainer.appendChild(e),w.days=w.daysContainer.firstChild,"range"===w.config.mode&&1===w.selectedDates.length&&ie()}}function U(){if(!(w.config.showMonths>1||"dropdown"!==w.config.monthSelectorType)){var e=function(e){return!(void 0!==w.config.minDate&&w.currentYear===w.config.minDate.getFullYear()&&e<w.config.minDate.getMonth())&&!(void 0!==w.config.maxDate&&w.currentYear===w.config.maxDate.getFullYear()&&e>w.config.maxDate.getMonth())};w.monthsDropdownContainer.tabIndex=-1,w.monthsDropdownContainer.innerHTML="";for(var n=0;n<12;n++)if(e(n)){var t=d("option","flatpickr-monthDropdown-month");t.value=new Date(w.currentYear,n).getMonth().toString(),t.textContent=h(n,w.config.shorthandCurrentMonth,w.l10n),t.tabIndex=-1,w.currentMonth===n&&(t.selected=!0),w.monthsDropdownContainer.appendChild(t)}}}function q(){var e,n=d("div","flatpickr-month"),t=window.document.createDocumentFragment();w.config.showMonths>1||"static"===w.config.monthSelectorType?e=d("span","cur-month"):(w.monthsDropdownContainer=d("select","flatpickr-monthDropdown-months"),w.monthsDropdownContainer.setAttribute("aria-label",w.l10n.monthAriaLabel),N(w.monthsDropdownContainer,"change",(function(e){var n=g(e),t=parseInt(n.value,10);w.changeMonth(t-w.currentMonth),ve("onMonthChange")})),U(),e=w.monthsDropdownContainer);var a=m("cur-year",{tabindex:"-1"}),i=a.getElementsByTagName("input")[0];i.setAttribute("aria-label",w.l10n.yearAriaLabel),w.config.minDate&&i.setAttribute("min",w.config.minDate.getFullYear().toString()),w.config.maxDate&&(i.setAttribute("max",w.config.maxDate.getFullYear().toString()),i.disabled=!!w.config.minDate&&w.config.minDate.getFullYear()===w.config.maxDate.getFullYear());var o=d("div","flatpickr-current-month");return o.appendChild(e),o.appendChild(a),t.appendChild(o),n.appendChild(t),{container:n,yearElement:i,monthElement:e}}function $(){u(w.monthNav),w.monthNav.appendChild(w.prevMonthNav),w.config.showMonths&&(w.yearElements=[],w.monthElements=[]);for(var e=w.config.showMonths;e--;){var n=q();w.yearElements.push(n.yearElement),w.monthElements.push(n.monthElement),w.monthNav.appendChild(n.container)}w.monthNav.appendChild(w.nextMonthNav)}function z(){w.weekdayContainer?u(w.weekdayContainer):w.weekdayContainer=d("div","flatpickr-weekdays");for(var e=w.config.showMonths;e--;){var n=d("div","flatpickr-weekdaycontainer");w.weekdayContainer.appendChild(n)}return G(),w.weekdayContainer}function G(){if(w.weekdayContainer){var e=w.l10n.firstDayOfWeek,t=n(w.l10n.weekdays.shorthand);e>0&&e<t.length&&(t=n(t.splice(e,t.length),t.splice(0,e)));for(var a=w.config.showMonths;a--;)w.weekdayContainer.children[a].innerHTML="\n      <span class='flatpickr-weekday'>\n        "+t.join("</span><span class='flatpickr-weekday'>")+"\n      </span>\n      "}}function V(e,n){void 0===n&&(n=!0);var t=n?e:e-w.currentMonth;t<0&&!0===w._hidePrevMonthArrow||t>0&&!0===w._hideNextMonthArrow||(w.currentMonth+=t,(w.currentMonth<0||w.currentMonth>11)&&(w.currentYear+=w.currentMonth>11?1:-1,w.currentMonth=(w.currentMonth+12)%12,ve("onYearChange"),U()),K(),ve("onMonthChange"),be())}function Z(e){return!(!w.config.appendTo||!w.config.appendTo.contains(e))||w.calendarContainer.contains(e)}function Q(e){if(w.isOpen&&!w.config.inline){var n=g(e),t=Z(n),a=n===w.input||n===w.altInput||w.element.contains(n)||e.path&&e.path.indexOf&&(~e.path.indexOf(w.input)||~e.path.indexOf(w.altInput)),i="blur"===e.type?a&&e.relatedTarget&&!Z(e.relatedTarget):!a&&!t&&!Z(e.relatedTarget),o=!w.config.ignoredFocusElements.some((function(e){return e.contains(n)}));i&&o&&(void 0!==w.timeContainer&&void 0!==w.minuteElement&&void 0!==w.hourElement&&""!==w.input.value&&void 0!==w.input.value&&I(),w.close(),w.config&&"range"===w.config.mode&&1===w.selectedDates.length&&(w.clear(!1),w.redraw()))}}function X(e){if(!(!e||w.config.minDate&&e<w.config.minDate.getFullYear()||w.config.maxDate&&e>w.config.maxDate.getFullYear())){var n=e,t=w.currentYear!==n;w.currentYear=n||w.currentYear,w.config.maxDate&&w.currentYear===w.config.maxDate.getFullYear()?w.currentMonth=Math.min(w.config.maxDate.getMonth(),w.currentMonth):w.config.minDate&&w.currentYear===w.config.minDate.getFullYear()&&(w.currentMonth=Math.max(w.config.minDate.getMonth(),w.currentMonth)),t&&(w.redraw(),ve("onYearChange"),U())}}function ee(e,n){var t;void 0===n&&(n=!0);var a=w.parseDate(e,void 0,n);if(w.config.minDate&&a&&M(a,w.config.minDate,void 0!==n?n:!w.minDateHasTime)<0||w.config.maxDate&&a&&M(a,w.config.maxDate,void 0!==n?n:!w.maxDateHasTime)>0)return!1;if(!w.config.enable&&0===w.config.disable.length)return!0;if(void 0===a)return!1;for(var i=!!w.config.enable,o=null!==(t=w.config.enable)&&void 0!==t?t:w.config.disable,r=0,l=void 0;r<o.length;r++){if("function"==typeof(l=o[r])&&l(a))return i;if(l instanceof Date&&void 0!==a&&l.getTime()===a.getTime())return i;if("string"==typeof l){var c=w.parseDate(l,void 0,!0);return c&&c.getTime()===a.getTime()?i:!i}if("object"==typeof l&&void 0!==a&&l.from&&l.to&&a.getTime()>=l.from.getTime()&&a.getTime()<=l.to.getTime())return i}return!i}function ne(e){return void 0!==w.daysContainer&&(-1===e.className.indexOf("hidden")&&-1===e.className.indexOf("flatpickr-disabled")&&w.daysContainer.contains(e))}function te(e){!(e.target===w._input)||!(w.selectedDates.length>0||w._input.value.length>0)||e.relatedTarget&&Z(e.relatedTarget)||w.setDate(w._input.value,!0,e.target===w.altInput?w.config.altFormat:w.config.dateFormat)}function ae(e){var n=g(e),t=w.config.wrap?p.contains(n):n===w._input,a=w.config.allowInput,i=w.isOpen&&(!a||!t),o=w.config.inline&&t&&!a;if(13===e.keyCode&&t){if(a)return w.setDate(w._input.value,!0,n===w.altInput?w.config.altFormat:w.config.dateFormat),n.blur();w.open()}else if(Z(n)||i||o){var r=!!w.timeContainer&&w.timeContainer.contains(n);switch(e.keyCode){case 13:r?(e.preventDefault(),I(),ue()):fe(e);break;case 27:e.preventDefault(),ue();break;case 8:case 46:t&&!w.config.allowInput&&(e.preventDefault(),w.clear());break;case 37:case 39:if(r||t)w.hourElement&&w.hourElement.focus();else if(e.preventDefault(),void 0!==w.daysContainer&&(!1===a||document.activeElement&&ne(document.activeElement))){var l=39===e.keyCode?1:-1;e.ctrlKey?(e.stopPropagation(),V(l),B(R(1),0)):B(void 0,l)}break;case 38:case 40:e.preventDefault();var c=40===e.keyCode?1:-1;w.daysContainer&&void 0!==n.$i||n===w.input||n===w.altInput?e.ctrlKey?(e.stopPropagation(),X(w.currentYear-c),B(R(1),0)):r||B(void 0,7*c):n===w.currentYearElement?X(w.currentYear-c):w.config.enableTime&&(!r&&w.hourElement&&w.hourElement.focus(),I(e),w._debouncedChange());break;case 9:if(r){var s=[w.hourElement,w.minuteElement,w.secondElement,w.amPM].concat(w.pluginElements).filter((function(e){return e})),d=s.indexOf(n);if(-1!==d){var u=s[d+(e.shiftKey?-1:1)];e.preventDefault(),(u||w._input).focus()}}else!w.config.noCalendar&&w.daysContainer&&w.daysContainer.contains(n)&&e.shiftKey&&(e.preventDefault(),w._input.focus())}}if(void 0!==w.amPM&&n===w.amPM)switch(e.key){case w.l10n.amPM[0].charAt(0):case w.l10n.amPM[0].charAt(0).toLowerCase():w.amPM.textContent=w.l10n.amPM[0],_(),Me();break;case w.l10n.amPM[1].charAt(0):case w.l10n.amPM[1].charAt(0).toLowerCase():w.amPM.textContent=w.l10n.amPM[1],_(),Me()}(t||Z(n))&&ve("onKeyDown",e)}function ie(e){if(1===w.selectedDates.length&&(!e||e.classList.contains("flatpickr-day")&&!e.classList.contains("flatpickr-disabled"))){for(var n=e?e.dateObj.getTime():w.days.firstElementChild.dateObj.getTime(),t=w.parseDate(w.selectedDates[0],void 0,!0).getTime(),a=Math.min(n,w.selectedDates[0].getTime()),i=Math.max(n,w.selectedDates[0].getTime()),o=!1,r=0,l=0,c=a;c<i;c+=x)ee(new Date(c),!0)||(o=o||c>a&&c<i,c<t&&(!r||c>r)?r=c:c>t&&(!l||c<l)&&(l=c));for(var s=0;s<w.config.showMonths;s++)for(var d=w.daysContainer.children[s],u=function(a,i){var c,s,u,f=d.children[a],m=f.dateObj.getTime(),g=r>0&&m<r||l>0&&m>l;return g?(f.classList.add("notAllowed"),["inRange","startRange","endRange"].forEach((function(e){f.classList.remove(e)})),"continue"):o&&!g?"continue":(["startRange","inRange","endRange","notAllowed"].forEach((function(e){f.classList.remove(e)})),void(void 0!==e&&(e.classList.add(n<=w.selectedDates[0].getTime()?"startRange":"endRange"),t<n&&m===t?f.classList.add("startRange"):t>n&&m===t&&f.classList.add("endRange"),m>=r&&(0===l||m<=l)&&(s=t,u=n,(c=m)>Math.min(s,u)&&c<Math.max(s,u))&&f.classList.add("inRange"))))},f=0,m=d.children.length;f<m;f++)u(f)}}function oe(){!w.isOpen||w.config.static||w.config.inline||se()}function re(e){return function(n){var t=w.config["_"+e+"Date"]=w.parseDate(n,w.config.dateFormat),a=w.config["_"+("min"===e?"max":"min")+"Date"];void 0!==t&&(w["min"===e?"minDateHasTime":"maxDateHasTime"]=t.getHours()>0||t.getMinutes()>0||t.getSeconds()>0),w.selectedDates&&(w.selectedDates=w.selectedDates.filter((function(e){return ee(e)})),w.selectedDates.length||"min"!==e||O(t),Me()),w.daysContainer&&(de(),void 0!==t?w.currentYearElement[e]=t.getFullYear().toString():w.currentYearElement.removeAttribute(e),w.currentYearElement.disabled=!!a&&void 0!==t&&a.getFullYear()===t.getFullYear())}}function le(){return w.config.wrap?p.querySelector("[data-input]"):p}function ce(){"object"!=typeof w.config.locale&&void 0===S.l10ns[w.config.locale]&&w.config.errorHandler(new Error("flatpickr: invalid locale "+w.config.locale)),w.l10n=e(e({},S.l10ns.default),"object"==typeof w.config.locale?w.config.locale:"default"!==w.config.locale?S.l10ns[w.config.locale]:void 0),D.K="("+w.l10n.amPM[0]+"|"+w.l10n.amPM[1]+"|"+w.l10n.amPM[0].toLowerCase()+"|"+w.l10n.amPM[1].toLowerCase()+")",void 0===e(e({},v),JSON.parse(JSON.stringify(p.dataset||{}))).time_24hr&&void 0===S.defaultConfig.time_24hr&&(w.config.time_24hr=w.l10n.time_24hr),w.formatDate=b(w),w.parseDate=C({config:w.config,l10n:w.l10n})}function se(e){if("function"!=typeof w.config.position){if(void 0!==w.calendarContainer){ve("onPreCalendarPosition");var n=e||w._positionElement,t=Array.prototype.reduce.call(w.calendarContainer.children,(function(e,n){return e+n.offsetHeight}),0),a=w.calendarContainer.offsetWidth,i=w.config.position.split(" "),o=i[0],r=i.length>1?i[1]:null,l=n.getBoundingClientRect(),c=window.innerHeight-l.bottom,d="above"===o||"below"!==o&&c<t&&l.top>t,u=window.pageYOffset+l.top+(d?-t-2:n.offsetHeight+2);if(s(w.calendarContainer,"arrowTop",!d),s(w.calendarContainer,"arrowBottom",d),!w.config.inline){var f=window.pageXOffset+l.left,m=!1,g=!1;"center"===r?(f-=(a-l.width)/2,m=!0):"right"===r&&(f-=a-l.width,g=!0),s(w.calendarContainer,"arrowLeft",!m&&!g),s(w.calendarContainer,"arrowCenter",m),s(w.calendarContainer,"arrowRight",g);var p=window.document.body.offsetWidth-(window.pageXOffset+l.right),h=f+a>window.document.body.offsetWidth,v=p+a>window.document.body.offsetWidth;if(s(w.calendarContainer,"rightMost",h),!w.config.static)if(w.calendarContainer.style.top=u+"px",h)if(v){var D=function(){for(var e=null,n=0;n<document.styleSheets.length;n++){var t=document.styleSheets[n];try{t.cssRules}catch(e){continue}e=t;break}return null!=e?e:(a=document.createElement("style"),document.head.appendChild(a),a.sheet);var a}();if(void 0===D)return;var b=window.document.body.offsetWidth,C=Math.max(0,b/2-a/2),M=D.cssRules.length,y="{left:"+l.left+"px;right:auto;}";s(w.calendarContainer,"rightMost",!1),s(w.calendarContainer,"centerMost",!0),D.insertRule(".flatpickr-calendar.centerMost:before,.flatpickr-calendar.centerMost:after"+y,M),w.calendarContainer.style.left=C+"px",w.calendarContainer.style.right="auto"}else w.calendarContainer.style.left="auto",w.calendarContainer.style.right=p+"px";else w.calendarContainer.style.left=f+"px",w.calendarContainer.style.right="auto"}}}else w.config.position(w,e)}function de(){w.config.noCalendar||w.isMobile||(U(),be(),K())}function ue(){w._input.focus(),-1!==window.navigator.userAgent.indexOf("MSIE")||void 0!==navigator.msMaxTouchPoints?setTimeout(w.close,0):w.close()}function fe(e){e.preventDefault(),e.stopPropagation();var n=f(g(e),(function(e){return e.classList&&e.classList.contains("flatpickr-day")&&!e.classList.contains("flatpickr-disabled")&&!e.classList.contains("notAllowed")}));if(void 0!==n){var t=n,a=w.latestSelectedDateObj=new Date(t.dateObj.getTime()),i=(a.getMonth()<w.currentMonth||a.getMonth()>w.currentMonth+w.config.showMonths-1)&&"range"!==w.config.mode;if(w.selectedDateElem=t,"single"===w.config.mode)w.selectedDates=[a];else if("multiple"===w.config.mode){var o=we(a);o?w.selectedDates.splice(parseInt(o),1):w.selectedDates.push(a)}else"range"===w.config.mode&&(2===w.selectedDates.length&&w.clear(!1,!1),w.latestSelectedDateObj=a,w.selectedDates.push(a),0!==M(a,w.selectedDates[0],!0)&&w.selectedDates.sort((function(e,n){return e.getTime()-n.getTime()})));if(_(),i){var r=w.currentYear!==a.getFullYear();w.currentYear=a.getFullYear(),w.currentMonth=a.getMonth(),r&&(ve("onYearChange"),U()),ve("onMonthChange")}if(be(),K(),Me(),i||"range"===w.config.mode||1!==w.config.showMonths?void 0!==w.selectedDateElem&&void 0===w.hourElement&&w.selectedDateElem&&w.selectedDateElem.focus():W(t),void 0!==w.hourElement&&void 0!==w.hourElement&&w.hourElement.focus(),w.config.closeOnSelect){var l="single"===w.config.mode&&!w.config.enableTime,c="range"===w.config.mode&&2===w.selectedDates.length&&!w.config.enableTime;(l||c)&&ue()}P()}}w.parseDate=C({config:w.config,l10n:w.l10n}),w._handlers=[],w.pluginElements=[],w.loadedPlugins=[],w._bind=N,w._setHoursFromDate=O,w._positionCalendar=se,w.changeMonth=V,w.changeYear=X,w.clear=function(e,n){void 0===e&&(e=!0);void 0===n&&(n=!0);w.input.value="",void 0!==w.altInput&&(w.altInput.value="");void 0!==w.mobileInput&&(w.mobileInput.value="");w.selectedDates=[],w.latestSelectedDateObj=void 0,!0===n&&(w.currentYear=w._initialDate.getFullYear(),w.currentMonth=w._initialDate.getMonth());if(!0===w.config.enableTime){var t=E(w.config),a=t.hours,i=t.minutes,o=t.seconds;F(a,i,o)}w.redraw(),e&&ve("onChange")},w.close=function(){w.isOpen=!1,w.isMobile||(void 0!==w.calendarContainer&&w.calendarContainer.classList.remove("open"),void 0!==w._input&&w._input.classList.remove("active"));ve("onClose")},w._createElement=d,w.destroy=function(){void 0!==w.config&&ve("onDestroy");for(var e=w._handlers.length;e--;)w._handlers[e].remove();if(w._handlers=[],w.mobileInput)w.mobileInput.parentNode&&w.mobileInput.parentNode.removeChild(w.mobileInput),w.mobileInput=void 0;else if(w.calendarContainer&&w.calendarContainer.parentNode)if(w.config.static&&w.calendarContainer.parentNode){var n=w.calendarContainer.parentNode;if(n.lastChild&&n.removeChild(n.lastChild),n.parentNode){for(;n.firstChild;)n.parentNode.insertBefore(n.firstChild,n);n.parentNode.removeChild(n)}}else w.calendarContainer.parentNode.removeChild(w.calendarContainer);w.altInput&&(w.input.type="text",w.altInput.parentNode&&w.altInput.parentNode.removeChild(w.altInput),delete w.altInput);w.input&&(w.input.type=w.input._type,w.input.classList.remove("flatpickr-input"),w.input.removeAttribute("readonly"));["_showTimeInput","latestSelectedDateObj","_hideNextMonthArrow","_hidePrevMonthArrow","__hideNextMonthArrow","__hidePrevMonthArrow","isMobile","isOpen","selectedDateElem","minDateHasTime","maxDateHasTime","days","daysContainer","_input","_positionElement","innerContainer","rContainer","monthNav","todayDateElem","calendarContainer","weekdayContainer","prevMonthNav","nextMonthNav","monthsDropdownContainer","currentMonthElement","currentYearElement","navigationCurrentMonth","selectedDateElem","config"].forEach((function(e){try{delete w[e]}catch(e){}}))},w.isEnabled=ee,w.jumpToDate=Y,w.open=function(e,n){void 0===n&&(n=w._positionElement);if(!0===w.isMobile){if(e){e.preventDefault();var t=g(e);t&&t.blur()}return void 0!==w.mobileInput&&(w.mobileInput.focus(),w.mobileInput.click()),void ve("onOpen")}if(w._input.disabled||w.config.inline)return;var a=w.isOpen;w.isOpen=!0,a||(w.calendarContainer.classList.add("open"),w._input.classList.add("active"),ve("onOpen"),se(n));!0===w.config.enableTime&&!0===w.config.noCalendar&&(!1!==w.config.allowInput||void 0!==e&&w.timeContainer.contains(e.relatedTarget)||setTimeout((function(){return w.hourElement.select()}),50))},w.redraw=de,w.set=function(e,n){if(null!==e&&"object"==typeof e)for(var a in Object.assign(w.config,e),e)void 0!==me[a]&&me[a].forEach((function(e){return e()}));else w.config[e]=n,void 0!==me[e]?me[e].forEach((function(e){return e()})):t.indexOf(e)>-1&&(w.config[e]=c(n));w.redraw(),Me(!0)},w.setDate=function(e,n,t){void 0===n&&(n=!1);void 0===t&&(t=w.config.dateFormat);if(0!==e&&!e||e instanceof Array&&0===e.length)return w.clear(n);ge(e,t),w.latestSelectedDateObj=w.selectedDates[w.selectedDates.length-1],w.redraw(),Y(void 0,n),O(),0===w.selectedDates.length&&w.clear(!1);Me(n),n&&ve("onChange")},w.toggle=function(e){if(!0===w.isOpen)return w.close();w.open(e)};var me={locale:[ce,G],showMonths:[$,k,z],minDate:[Y],maxDate:[Y],positionElement:[he],clickOpens:[function(){!0===w.config.clickOpens?(N(w._input,"focus",w.open),N(w._input,"click",w.open)):(w._input.removeEventListener("focus",w.open),w._input.removeEventListener("click",w.open))}]};function ge(e,n){var t=[];if(e instanceof Array)t=e.map((function(e){return w.parseDate(e,n)}));else if(e instanceof Date||"number"==typeof e)t=[w.parseDate(e,n)];else if("string"==typeof e)switch(w.config.mode){case"single":case"time":t=[w.parseDate(e,n)];break;case"multiple":t=e.split(w.config.conjunction).map((function(e){return w.parseDate(e,n)}));break;case"range":t=e.split(w.l10n.rangeSeparator).map((function(e){return w.parseDate(e,n)}))}else w.config.errorHandler(new Error("Invalid date supplied: "+JSON.stringify(e)));w.selectedDates=w.config.allowInvalidPreload?t:t.filter((function(e){return e instanceof Date&&ee(e,!1)})),"range"===w.config.mode&&w.selectedDates.sort((function(e,n){return e.getTime()-n.getTime()}))}function pe(e){return e.slice().map((function(e){return"string"==typeof e||"number"==typeof e||e instanceof Date?w.parseDate(e,void 0,!0):e&&"object"==typeof e&&e.from&&e.to?{from:w.parseDate(e.from,void 0),to:w.parseDate(e.to,void 0)}:e})).filter((function(e){return e}))}function he(){w._positionElement=w.config.positionElement||w._input}function ve(e,n){if(void 0!==w.config){var t=w.config[e];if(void 0!==t&&t.length>0)for(var a=0;t[a]&&a<t.length;a++)t[a](w.selectedDates,w.input.value,w,n);"onChange"===e&&(w.input.dispatchEvent(De("change")),w.input.dispatchEvent(De("input")))}}function De(e){var n=document.createEvent("Event");return n.initEvent(e,!0,!0),n}function we(e){for(var n=0;n<w.selectedDates.length;n++)if(0===M(w.selectedDates[n],e))return""+n;return!1}function be(){w.config.noCalendar||w.isMobile||!w.monthNav||(w.yearElements.forEach((function(e,n){var t=new Date(w.currentYear,w.currentMonth,1);t.setMonth(w.currentMonth+n),w.config.showMonths>1||"static"===w.config.monthSelectorType?w.monthElements[n].textContent=h(t.getMonth(),w.config.shorthandCurrentMonth,w.l10n)+" ":w.monthsDropdownContainer.value=t.getMonth().toString(),e.value=t.getFullYear().toString()})),w._hidePrevMonthArrow=void 0!==w.config.minDate&&(w.currentYear===w.config.minDate.getFullYear()?w.currentMonth<=w.config.minDate.getMonth():w.currentYear<w.config.minDate.getFullYear()),w._hideNextMonthArrow=void 0!==w.config.maxDate&&(w.currentYear===w.config.maxDate.getFullYear()?w.currentMonth+1>w.config.maxDate.getMonth():w.currentYear>w.config.maxDate.getFullYear()))}function Ce(e){return w.selectedDates.map((function(n){return w.formatDate(n,e)})).filter((function(e,n,t){return"range"!==w.config.mode||w.config.enableTime||t.indexOf(e)===n})).join("range"!==w.config.mode?w.config.conjunction:w.l10n.rangeSeparator)}function Me(e){void 0===e&&(e=!0),void 0!==w.mobileInput&&w.mobileFormatStr&&(w.mobileInput.value=void 0!==w.latestSelectedDateObj?w.formatDate(w.latestSelectedDateObj,w.mobileFormatStr):""),w.input.value=Ce(w.config.dateFormat),void 0!==w.altInput&&(w.altInput.value=Ce(w.config.altFormat)),!1!==e&&ve("onValueUpdate")}function ye(e){var n=g(e),t=w.prevMonthNav.contains(n),a=w.nextMonthNav.contains(n);t||a?V(t?-1:1):w.yearElements.indexOf(n)>=0?n.select():n.classList.contains("arrowUp")?w.changeYear(w.currentYear+1):n.classList.contains("arrowDown")&&w.changeYear(w.currentYear-1)}return function(){w.element=w.input=p,w.isOpen=!1,function(){var n=["wrap","weekNumbers","allowInput","allowInvalidPreload","clickOpens","time_24hr","enableTime","noCalendar","altInput","shorthandCurrentMonth","inline","static","enableSeconds","disableMobile"],i=e(e({},JSON.parse(JSON.stringify(p.dataset||{}))),v),o={};w.config.parseDate=i.parseDate,w.config.formatDate=i.formatDate,Object.defineProperty(w.config,"enable",{get:function(){return w.config._enable},set:function(e){w.config._enable=pe(e)}}),Object.defineProperty(w.config,"disable",{get:function(){return w.config._disable},set:function(e){w.config._disable=pe(e)}});var r="time"===i.mode;if(!i.dateFormat&&(i.enableTime||r)){var l=S.defaultConfig.dateFormat||a.dateFormat;o.dateFormat=i.noCalendar||r?"H:i"+(i.enableSeconds?":S":""):l+" H:i"+(i.enableSeconds?":S":"")}if(i.altInput&&(i.enableTime||r)&&!i.altFormat){var s=S.defaultConfig.altFormat||a.altFormat;o.altFormat=i.noCalendar||r?"h:i"+(i.enableSeconds?":S K":" K"):s+" h:i"+(i.enableSeconds?":S":"")+" K"}Object.defineProperty(w.config,"minDate",{get:function(){return w.config._minDate},set:re("min")}),Object.defineProperty(w.config,"maxDate",{get:function(){return w.config._maxDate},set:re("max")});var d=function(e){return function(n){w.config["min"===e?"_minTime":"_maxTime"]=w.parseDate(n,"H:i:S")}};Object.defineProperty(w.config,"minTime",{get:function(){return w.config._minTime},set:d("min")}),Object.defineProperty(w.config,"maxTime",{get:function(){return w.config._maxTime},set:d("max")}),"time"===i.mode&&(w.config.noCalendar=!0,w.config.enableTime=!0);Object.assign(w.config,o,i);for(var u=0;u<n.length;u++)w.config[n[u]]=!0===w.config[n[u]]||"true"===w.config[n[u]];t.filter((function(e){return void 0!==w.config[e]})).forEach((function(e){w.config[e]=c(w.config[e]||[]).map(T)})),w.isMobile=!w.config.disableMobile&&!w.config.inline&&"single"===w.config.mode&&!w.config.disable.length&&!w.config.enable&&!w.config.weekNumbers&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);for(u=0;u<w.config.plugins.length;u++){var f=w.config.plugins[u](w)||{};for(var m in f)t.indexOf(m)>-1?w.config[m]=c(f[m]).map(T).concat(w.config[m]):void 0===i[m]&&(w.config[m]=f[m])}i.altInputClass||(w.config.altInputClass=le().className+" "+w.config.altInputClass);ve("onParseConfig")}(),ce(),function(){if(w.input=le(),!w.input)return void w.config.errorHandler(new Error("Invalid input element specified"));w.input._type=w.input.type,w.input.type="text",w.input.classList.add("flatpickr-input"),w._input=w.input,w.config.altInput&&(w.altInput=d(w.input.nodeName,w.config.altInputClass),w._input=w.altInput,w.altInput.placeholder=w.input.placeholder,w.altInput.disabled=w.input.disabled,w.altInput.required=w.input.required,w.altInput.tabIndex=w.input.tabIndex,w.altInput.type="text",w.input.setAttribute("type","hidden"),!w.config.static&&w.input.parentNode&&w.input.parentNode.insertBefore(w.altInput,w.input.nextSibling));w.config.allowInput||w._input.setAttribute("readonly","readonly");he()}(),function(){w.selectedDates=[],w.now=w.parseDate(w.config.now)||new Date;var e=w.config.defaultDate||("INPUT"!==w.input.nodeName&&"TEXTAREA"!==w.input.nodeName||!w.input.placeholder||w.input.value!==w.input.placeholder?w.input.value:null);e&&ge(e,w.config.dateFormat);w._initialDate=w.selectedDates.length>0?w.selectedDates[0]:w.config.minDate&&w.config.minDate.getTime()>w.now.getTime()?w.config.minDate:w.config.maxDate&&w.config.maxDate.getTime()<w.now.getTime()?w.config.maxDate:w.now,w.currentYear=w._initialDate.getFullYear(),w.currentMonth=w._initialDate.getMonth(),w.selectedDates.length>0&&(w.latestSelectedDateObj=w.selectedDates[0]);void 0!==w.config.minTime&&(w.config.minTime=w.parseDate(w.config.minTime,"H:i"));void 0!==w.config.maxTime&&(w.config.maxTime=w.parseDate(w.config.maxTime,"H:i"));w.minDateHasTime=!!w.config.minDate&&(w.config.minDate.getHours()>0||w.config.minDate.getMinutes()>0||w.config.minDate.getSeconds()>0),w.maxDateHasTime=!!w.config.maxDate&&(w.config.maxDate.getHours()>0||w.config.maxDate.getMinutes()>0||w.config.maxDate.getSeconds()>0)}(),w.utils={getDaysInMonth:function(e,n){return void 0===e&&(e=w.currentMonth),void 0===n&&(n=w.currentYear),1===e&&(n%4==0&&n%100!=0||n%400==0)?29:w.l10n.daysInMonth[e]}},w.isMobile||function(){var e=window.document.createDocumentFragment();if(w.calendarContainer=d("div","flatpickr-calendar"),w.calendarContainer.tabIndex=-1,!w.config.noCalendar){if(e.appendChild((w.monthNav=d("div","flatpickr-months"),w.yearElements=[],w.monthElements=[],w.prevMonthNav=d("span","flatpickr-prev-month"),w.prevMonthNav.innerHTML=w.config.prevArrow,w.nextMonthNav=d("span","flatpickr-next-month"),w.nextMonthNav.innerHTML=w.config.nextArrow,$(),Object.defineProperty(w,"_hidePrevMonthArrow",{get:function(){return w.__hidePrevMonthArrow},set:function(e){w.__hidePrevMonthArrow!==e&&(s(w.prevMonthNav,"flatpickr-disabled",e),w.__hidePrevMonthArrow=e)}}),Object.defineProperty(w,"_hideNextMonthArrow",{get:function(){return w.__hideNextMonthArrow},set:function(e){w.__hideNextMonthArrow!==e&&(s(w.nextMonthNav,"flatpickr-disabled",e),w.__hideNextMonthArrow=e)}}),w.currentYearElement=w.yearElements[0],be(),w.monthNav)),w.innerContainer=d("div","flatpickr-innerContainer"),w.config.weekNumbers){var n=function(){w.calendarContainer.classList.add("hasWeeks");var e=d("div","flatpickr-weekwrapper");e.appendChild(d("span","flatpickr-weekday",w.l10n.weekAbbreviation));var n=d("div","flatpickr-weeks");return e.appendChild(n),{weekWrapper:e,weekNumbers:n}}(),t=n.weekWrapper,a=n.weekNumbers;w.innerContainer.appendChild(t),w.weekNumbers=a,w.weekWrapper=t}w.rContainer=d("div","flatpickr-rContainer"),w.rContainer.appendChild(z()),w.daysContainer||(w.daysContainer=d("div","flatpickr-days"),w.daysContainer.tabIndex=-1),K(),w.rContainer.appendChild(w.daysContainer),w.innerContainer.appendChild(w.rContainer),e.appendChild(w.innerContainer)}w.config.enableTime&&e.appendChild(function(){w.calendarContainer.classList.add("hasTime"),w.config.noCalendar&&w.calendarContainer.classList.add("noCalendar");var e=E(w.config);w.timeContainer=d("div","flatpickr-time"),w.timeContainer.tabIndex=-1;var n=d("span","flatpickr-time-separator",":"),t=m("flatpickr-hour",{"aria-label":w.l10n.hourAriaLabel});w.hourElement=t.getElementsByTagName("input")[0];var a=m("flatpickr-minute",{"aria-label":w.l10n.minuteAriaLabel});w.minuteElement=a.getElementsByTagName("input")[0],w.hourElement.tabIndex=w.minuteElement.tabIndex=-1,w.hourElement.value=o(w.latestSelectedDateObj?w.latestSelectedDateObj.getHours():w.config.time_24hr?e.hours:function(e){switch(e%24){case 0:case 12:return 12;default:return e%12}}(e.hours)),w.minuteElement.value=o(w.latestSelectedDateObj?w.latestSelectedDateObj.getMinutes():e.minutes),w.hourElement.setAttribute("step",w.config.hourIncrement.toString()),w.minuteElement.setAttribute("step",w.config.minuteIncrement.toString()),w.hourElement.setAttribute("min",w.config.time_24hr?"0":"1"),w.hourElement.setAttribute("max",w.config.time_24hr?"23":"12"),w.hourElement.setAttribute("maxlength","2"),w.minuteElement.setAttribute("min","0"),w.minuteElement.setAttribute("max","59"),w.minuteElement.setAttribute("maxlength","2"),w.timeContainer.appendChild(t),w.timeContainer.appendChild(n),w.timeContainer.appendChild(a),w.config.time_24hr&&w.timeContainer.classList.add("time24hr");if(w.config.enableSeconds){w.timeContainer.classList.add("hasSeconds");var i=m("flatpickr-second");w.secondElement=i.getElementsByTagName("input")[0],w.secondElement.value=o(w.latestSelectedDateObj?w.latestSelectedDateObj.getSeconds():e.seconds),w.secondElement.setAttribute("step",w.minuteElement.getAttribute("step")),w.secondElement.setAttribute("min","0"),w.secondElement.setAttribute("max","59"),w.secondElement.setAttribute("maxlength","2"),w.timeContainer.appendChild(d("span","flatpickr-time-separator",":")),w.timeContainer.appendChild(i)}w.config.time_24hr||(w.amPM=d("span","flatpickr-am-pm",w.l10n.amPM[r((w.latestSelectedDateObj?w.hourElement.value:w.config.defaultHour)>11)]),w.amPM.title=w.l10n.toggleTitle,w.amPM.tabIndex=-1,w.timeContainer.appendChild(w.amPM));return w.timeContainer}());s(w.calendarContainer,"rangeMode","range"===w.config.mode),s(w.calendarContainer,"animate",!0===w.config.animate),s(w.calendarContainer,"multiMonth",w.config.showMonths>1),w.calendarContainer.appendChild(e);var i=void 0!==w.config.appendTo&&void 0!==w.config.appendTo.nodeType;if((w.config.inline||w.config.static)&&(w.calendarContainer.classList.add(w.config.inline?"inline":"static"),w.config.inline&&(!i&&w.element.parentNode?w.element.parentNode.insertBefore(w.calendarContainer,w._input.nextSibling):void 0!==w.config.appendTo&&w.config.appendTo.appendChild(w.calendarContainer)),w.config.static)){var l=d("div","flatpickr-wrapper");w.element.parentNode&&w.element.parentNode.insertBefore(l,w.element),l.appendChild(w.element),w.altInput&&l.appendChild(w.altInput),l.appendChild(w.calendarContainer)}w.config.static||w.config.inline||(void 0!==w.config.appendTo?w.config.appendTo:window.document.body).appendChild(w.calendarContainer)}(),function(){w.config.wrap&&["open","close","toggle","clear"].forEach((function(e){Array.prototype.forEach.call(w.element.querySelectorAll("[data-"+e+"]"),(function(n){return N(n,"click",w[e])}))}));if(w.isMobile)return void function(){var e=w.config.enableTime?w.config.noCalendar?"time":"datetime-local":"date";w.mobileInput=d("input",w.input.className+" flatpickr-mobile"),w.mobileInput.tabIndex=1,w.mobileInput.type=e,w.mobileInput.disabled=w.input.disabled,w.mobileInput.required=w.input.required,w.mobileInput.placeholder=w.input.placeholder,w.mobileFormatStr="datetime-local"===e?"Y-m-d\\TH:i:S":"date"===e?"Y-m-d":"H:i:S",w.selectedDates.length>0&&(w.mobileInput.defaultValue=w.mobileInput.value=w.formatDate(w.selectedDates[0],w.mobileFormatStr));w.config.minDate&&(w.mobileInput.min=w.formatDate(w.config.minDate,"Y-m-d"));w.config.maxDate&&(w.mobileInput.max=w.formatDate(w.config.maxDate,"Y-m-d"));w.input.getAttribute("step")&&(w.mobileInput.step=String(w.input.getAttribute("step")));w.input.type="hidden",void 0!==w.altInput&&(w.altInput.type="hidden");try{w.input.parentNode&&w.input.parentNode.insertBefore(w.mobileInput,w.input.nextSibling)}catch(e){}N(w.mobileInput,"change",(function(e){w.setDate(g(e).value,!1,w.mobileFormatStr),ve("onChange"),ve("onClose")}))}();var e=l(oe,50);w._debouncedChange=l(P,300),w.daysContainer&&!/iPhone|iPad|iPod/i.test(navigator.userAgent)&&N(w.daysContainer,"mouseover",(function(e){"range"===w.config.mode&&ie(g(e))}));N(w._input,"keydown",ae),void 0!==w.calendarContainer&&N(w.calendarContainer,"keydown",ae);w.config.inline||w.config.static||N(window,"resize",e);void 0!==window.ontouchstart?N(window.document,"touchstart",Q):N(window.document,"mousedown",Q);N(window.document,"focus",Q,{capture:!0}),!0===w.config.clickOpens&&(N(w._input,"focus",w.open),N(w._input,"click",w.open));void 0!==w.daysContainer&&(N(w.monthNav,"click",ye),N(w.monthNav,["keyup","increment"],A),N(w.daysContainer,"click",fe));if(void 0!==w.timeContainer&&void 0!==w.minuteElement&&void 0!==w.hourElement){var n=function(e){return g(e).select()};N(w.timeContainer,["increment"],I),N(w.timeContainer,"blur",I,{capture:!0}),N(w.timeContainer,"click",H),N([w.hourElement,w.minuteElement],["focus","click"],n),void 0!==w.secondElement&&N(w.secondElement,"focus",(function(){return w.secondElement&&w.secondElement.select()})),void 0!==w.amPM&&N(w.amPM,"click",(function(e){I(e),P()}))}w.config.allowInput&&N(w._input,"blur",te)}(),(w.selectedDates.length||w.config.noCalendar)&&(w.config.enableTime&&O(w.config.noCalendar?w.latestSelectedDateObj:void 0),Me(!1)),k();var n=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);!w.isMobile&&n&&se(),ve("onReady")}(),w}function k(e,n){for(var t=Array.prototype.slice.call(e).filter((function(e){return e instanceof HTMLElement})),a=[],i=0;i<t.length;i++){var o=t[i];try{if(null!==o.getAttribute("data-fp-omit"))continue;void 0!==o._flatpickr&&(o._flatpickr.destroy(),o._flatpickr=void 0),o._flatpickr=T(o,n||{}),a.push(o._flatpickr)}catch(e){console.error(e)}}return 1===a.length?a[0]:a}"undefined"!=typeof HTMLElement&&"undefined"!=typeof HTMLCollection&&"undefined"!=typeof NodeList&&(HTMLCollection.prototype.flatpickr=NodeList.prototype.flatpickr=function(e){return k(this,e)},HTMLElement.prototype.flatpickr=function(e){return k([this],e)});var S=function(e,n){return"string"==typeof e?k(window.document.querySelectorAll(e),n):e instanceof Node?k([e],n):k(e,n)};return S.defaultConfig={},S.l10ns={en:e({},i),default:e({},i)},S.localize=function(n){S.l10ns.default=e(e({},S.l10ns.default),n)},S.setDefaults=function(n){S.defaultConfig=e(e({},S.defaultConfig),n)},S.parseDate=C({}),S.formatDate=b({}),S.compareDates=M,"undefined"!=typeof jQuery&&void 0!==jQuery.fn&&(jQuery.fn.flatpickr=function(e){return k(this,e)}),Date.prototype.fp_incr=function(e){return new Date(this.getFullYear(),this.getMonth(),this.getDate()+("string"==typeof e?parseInt(e,10):e))},"undefined"!=typeof window&&(window.flatpickr=S),S}));
diff --git a/asset/js/vendor/flatpickr/l10n/ar.js b/asset/js/vendor/flatpickr/l10n/ar.js
new file mode 100644
index 0000000..221dc0f
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/ar.js
@@ -0,0 +1,62 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ar = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Arabic = {
+      weekdays: {
+          shorthand: ["أحد", "اثنين", "ثلاثاء", "أربعاء", "خميس", "جمعة", "سبت"],
+          longhand: [
+              "الأحد",
+              "الاثنين",
+              "الثلاثاء",
+              "الأربعاء",
+              "الخميس",
+              "الجمعة",
+              "السبت",
+          ],
+      },
+      months: {
+          shorthand: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
+          longhand: [
+              "يناير",
+              "فبراير",
+              "مارس",
+              "أبريل",
+              "مايو",
+              "يونيو",
+              "يوليو",
+              "أغسطس",
+              "سبتمبر",
+              "أكتوبر",
+              "نوفمبر",
+              "ديسمبر",
+          ],
+      },
+      firstDayOfWeek: 6,
+      rangeSeparator: " إلى ",
+      weekAbbreviation: "Wk",
+      scrollTitle: "قم بالتمرير للزيادة",
+      toggleTitle: "اضغط للتبديل",
+      amPM: ["ص", "م"],
+      yearAriaLabel: "سنة",
+      monthAriaLabel: "شهر",
+      hourAriaLabel: "ساعة",
+      minuteAriaLabel: "دقيقة",
+      time_24hr: false,
+  };
+  fp.l10ns.ar = Arabic;
+  var ar = fp.l10ns;
+
+  exports.Arabic = Arabic;
+  exports.default = ar;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/de.js b/asset/js/vendor/flatpickr/l10n/de.js
new file mode 100644
index 0000000..b86f784
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/de.js
@@ -0,0 +1,70 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.de = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var German = {
+      weekdays: {
+          shorthand: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
+          longhand: [
+              "Sonntag",
+              "Montag",
+              "Dienstag",
+              "Mittwoch",
+              "Donnerstag",
+              "Freitag",
+              "Samstag",
+          ],
+      },
+      months: {
+          shorthand: [
+              "Jan",
+              "Feb",
+              "Mär",
+              "Apr",
+              "Mai",
+              "Jun",
+              "Jul",
+              "Aug",
+              "Sep",
+              "Okt",
+              "Nov",
+              "Dez",
+          ],
+          longhand: [
+              "Januar",
+              "Februar",
+              "März",
+              "April",
+              "Mai",
+              "Juni",
+              "Juli",
+              "August",
+              "September",
+              "Oktober",
+              "November",
+              "Dezember",
+          ],
+      },
+      firstDayOfWeek: 1,
+      weekAbbreviation: "KW",
+      rangeSeparator: " bis ",
+      scrollTitle: "Zum Ändern scrollen",
+      toggleTitle: "Zum Umschalten klicken",
+      time_24hr: true,
+  };
+  fp.l10ns.de = German;
+  var de = fp.l10ns;
+
+  exports.German = German;
+  exports.default = de;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/es.js b/asset/js/vendor/flatpickr/l10n/es.js
new file mode 100644
index 0000000..4da4635
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/es.js
@@ -0,0 +1,70 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.es = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Spanish = {
+      weekdays: {
+          shorthand: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
+          longhand: [
+              "Domingo",
+              "Lunes",
+              "Martes",
+              "Miércoles",
+              "Jueves",
+              "Viernes",
+              "Sábado",
+          ],
+      },
+      months: {
+          shorthand: [
+              "Ene",
+              "Feb",
+              "Mar",
+              "Abr",
+              "May",
+              "Jun",
+              "Jul",
+              "Ago",
+              "Sep",
+              "Oct",
+              "Nov",
+              "Dic",
+          ],
+          longhand: [
+              "Enero",
+              "Febrero",
+              "Marzo",
+              "Abril",
+              "Mayo",
+              "Junio",
+              "Julio",
+              "Agosto",
+              "Septiembre",
+              "Octubre",
+              "Noviembre",
+              "Diciembre",
+          ],
+      },
+      ordinal: function () {
+          return "º";
+      },
+      firstDayOfWeek: 1,
+      rangeSeparator: " a ",
+      time_24hr: true,
+  };
+  fp.l10ns.es = Spanish;
+  var es = fp.l10ns;
+
+  exports.Spanish = Spanish;
+  exports.default = es;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/fi.js b/asset/js/vendor/flatpickr/l10n/fi.js
new file mode 100644
index 0000000..3510078
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/fi.js
@@ -0,0 +1,69 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.fi = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Finnish = {
+      firstDayOfWeek: 1,
+      weekdays: {
+          shorthand: ["su", "ma", "ti", "ke", "to", "pe", "la"],
+          longhand: [
+              "sunnuntai",
+              "maanantai",
+              "tiistai",
+              "keskiviikko",
+              "torstai",
+              "perjantai",
+              "lauantai",
+          ],
+      },
+      months: {
+          shorthand: [
+              "tammi",
+              "helmi",
+              "maalis",
+              "huhti",
+              "touko",
+              "kesä",
+              "heinä",
+              "elo",
+              "syys",
+              "loka",
+              "marras",
+              "joulu",
+          ],
+          longhand: [
+              "tammikuu",
+              "helmikuu",
+              "maaliskuu",
+              "huhtikuu",
+              "toukokuu",
+              "kesäkuu",
+              "heinäkuu",
+              "elokuu",
+              "syyskuu",
+              "lokakuu",
+              "marraskuu",
+              "joulukuu",
+          ],
+      },
+      ordinal: function () {
+          return ".";
+      },
+      time_24hr: true,
+  };
+  fp.l10ns.fi = Finnish;
+  var fi = fp.l10ns;
+
+  exports.Finnish = Finnish;
+  exports.default = fi;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/fr.js b/asset/js/vendor/flatpickr/l10n/fr.js
new file mode 100644
index 0000000..4d5edf3
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/fr.js
@@ -0,0 +1,75 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.fr = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var French = {
+      firstDayOfWeek: 1,
+      weekdays: {
+          shorthand: ["dim", "lun", "mar", "mer", "jeu", "ven", "sam"],
+          longhand: [
+              "dimanche",
+              "lundi",
+              "mardi",
+              "mercredi",
+              "jeudi",
+              "vendredi",
+              "samedi",
+          ],
+      },
+      months: {
+          shorthand: [
+              "janv",
+              "févr",
+              "mars",
+              "avr",
+              "mai",
+              "juin",
+              "juil",
+              "août",
+              "sept",
+              "oct",
+              "nov",
+              "déc",
+          ],
+          longhand: [
+              "janvier",
+              "février",
+              "mars",
+              "avril",
+              "mai",
+              "juin",
+              "juillet",
+              "août",
+              "septembre",
+              "octobre",
+              "novembre",
+              "décembre",
+          ],
+      },
+      ordinal: function (nth) {
+          if (nth > 1)
+              return "";
+          return "er";
+      },
+      rangeSeparator: " au ",
+      weekAbbreviation: "Sem",
+      scrollTitle: "Défiler pour augmenter la valeur",
+      toggleTitle: "Cliquer pour basculer",
+      time_24hr: true,
+  };
+  fp.l10ns.fr = French;
+  var fr = fp.l10ns;
+
+  exports.French = French;
+  exports.default = fr;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/it.js b/asset/js/vendor/flatpickr/l10n/it.js
new file mode 100644
index 0000000..674f172
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/it.js
@@ -0,0 +1,71 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.it = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Italian = {
+      weekdays: {
+          shorthand: ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab"],
+          longhand: [
+              "Domenica",
+              "Lunedì",
+              "Martedì",
+              "Mercoledì",
+              "Giovedì",
+              "Venerdì",
+              "Sabato",
+          ],
+      },
+      months: {
+          shorthand: [
+              "Gen",
+              "Feb",
+              "Mar",
+              "Apr",
+              "Mag",
+              "Giu",
+              "Lug",
+              "Ago",
+              "Set",
+              "Ott",
+              "Nov",
+              "Dic",
+          ],
+          longhand: [
+              "Gennaio",
+              "Febbraio",
+              "Marzo",
+              "Aprile",
+              "Maggio",
+              "Giugno",
+              "Luglio",
+              "Agosto",
+              "Settembre",
+              "Ottobre",
+              "Novembre",
+              "Dicembre",
+          ],
+      },
+      firstDayOfWeek: 1,
+      ordinal: function () { return "°"; },
+      rangeSeparator: " al ",
+      weekAbbreviation: "Se",
+      scrollTitle: "Scrolla per aumentare",
+      toggleTitle: "Clicca per cambiare",
+      time_24hr: true,
+  };
+  fp.l10ns.it = Italian;
+  var it = fp.l10ns;
+
+  exports.Italian = Italian;
+  exports.default = it;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/ja.js b/asset/js/vendor/flatpickr/l10n/ja.js
new file mode 100644
index 0000000..fd15e34
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/ja.js
@@ -0,0 +1,71 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ja = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Japanese = {
+      weekdays: {
+          shorthand: ["日", "月", "火", "水", "木", "金", "土"],
+          longhand: [
+              "日曜日",
+              "月曜日",
+              "火曜日",
+              "水曜日",
+              "木曜日",
+              "金曜日",
+              "土曜日",
+          ],
+      },
+      months: {
+          shorthand: [
+              "1月",
+              "2月",
+              "3月",
+              "4月",
+              "5月",
+              "6月",
+              "7月",
+              "8月",
+              "9月",
+              "10月",
+              "11月",
+              "12月",
+          ],
+          longhand: [
+              "1月",
+              "2月",
+              "3月",
+              "4月",
+              "5月",
+              "6月",
+              "7月",
+              "8月",
+              "9月",
+              "10月",
+              "11月",
+              "12月",
+          ],
+      },
+      time_24hr: true,
+      rangeSeparator: " から ",
+      monthAriaLabel: "月",
+      amPM: ["午前", "午後"],
+      yearAriaLabel: "年",
+      hourAriaLabel: "時間",
+      minuteAriaLabel: "分",
+  };
+  fp.l10ns.ja = Japanese;
+  var ja = fp.l10ns;
+
+  exports.Japanese = Japanese;
+  exports.default = ja;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/pt.js b/asset/js/vendor/flatpickr/l10n/pt.js
new file mode 100644
index 0000000..7d6c605
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/pt.js
@@ -0,0 +1,66 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.pt = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Portuguese = {
+      weekdays: {
+          shorthand: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
+          longhand: [
+              "Domingo",
+              "Segunda-feira",
+              "Terça-feira",
+              "Quarta-feira",
+              "Quinta-feira",
+              "Sexta-feira",
+              "Sábado",
+          ],
+      },
+      months: {
+          shorthand: [
+              "Jan",
+              "Fev",
+              "Mar",
+              "Abr",
+              "Mai",
+              "Jun",
+              "Jul",
+              "Ago",
+              "Set",
+              "Out",
+              "Nov",
+              "Dez",
+          ],
+          longhand: [
+              "Janeiro",
+              "Fevereiro",
+              "Março",
+              "Abril",
+              "Maio",
+              "Junho",
+              "Julho",
+              "Agosto",
+              "Setembro",
+              "Outubro",
+              "Novembro",
+              "Dezembro",
+          ],
+      },
+      rangeSeparator: " até ",
+      time_24hr: true,
+  };
+  fp.l10ns.pt = Portuguese;
+  var pt = fp.l10ns;
+
+  exports.Portuguese = Portuguese;
+  exports.default = pt;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/ru.js b/asset/js/vendor/flatpickr/l10n/ru.js
new file mode 100644
index 0000000..5065f0b
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/ru.js
@@ -0,0 +1,75 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ru = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Russian = {
+      weekdays: {
+          shorthand: ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"],
+          longhand: [
+              "Воскресенье",
+              "Понедельник",
+              "Вторник",
+              "Среда",
+              "Четверг",
+              "Пятница",
+              "Суббота",
+          ],
+      },
+      months: {
+          shorthand: [
+              "Янв",
+              "Фев",
+              "Март",
+              "Апр",
+              "Май",
+              "Июнь",
+              "Июль",
+              "Авг",
+              "Сен",
+              "Окт",
+              "Ноя",
+              "Дек",
+          ],
+          longhand: [
+              "Январь",
+              "Февраль",
+              "Март",
+              "Апрель",
+              "Май",
+              "Июнь",
+              "Июль",
+              "Август",
+              "Сентябрь",
+              "Октябрь",
+              "Ноябрь",
+              "Декабрь",
+          ],
+      },
+      firstDayOfWeek: 1,
+      ordinal: function () {
+          return "";
+      },
+      rangeSeparator: " — ",
+      weekAbbreviation: "Нед.",
+      scrollTitle: "Прокрутите для увеличения",
+      toggleTitle: "Нажмите для переключения",
+      amPM: ["ДП", "ПП"],
+      yearAriaLabel: "Год",
+      time_24hr: true,
+  };
+  fp.l10ns.ru = Russian;
+  var ru = fp.l10ns;
+
+  exports.Russian = Russian;
+  exports.default = ru;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/vendor/flatpickr/l10n/uk.js b/asset/js/vendor/flatpickr/l10n/uk.js
new file mode 100644
index 0000000..a2eaa71
--- /dev/null
+++ b/asset/js/vendor/flatpickr/l10n/uk.js
@@ -0,0 +1,66 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.icinga ? define(["exports"], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.uk = {}));
+}(this, (function (exports) { 'use strict';
+
+  var fp = typeof window !== "undefined" && window.flatpickr !== undefined
+      ? window.flatpickr
+      : {
+          l10ns: {},
+      };
+  var Ukrainian = {
+      firstDayOfWeek: 1,
+      weekdays: {
+          shorthand: ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"],
+          longhand: [
+              "Неділя",
+              "Понеділок",
+              "Вівторок",
+              "Середа",
+              "Четвер",
+              "П'ятниця",
+              "Субота",
+          ],
+      },
+      months: {
+          shorthand: [
+              "Січ",
+              "Лют",
+              "Бер",
+              "Кві",
+              "Тра",
+              "Чер",
+              "Лип",
+              "Сер",
+              "Вер",
+              "Жов",
+              "Лис",
+              "Гру",
+          ],
+          longhand: [
+              "Січень",
+              "Лютий",
+              "Березень",
+              "Квітень",
+              "Травень",
+              "Червень",
+              "Липень",
+              "Серпень",
+              "Вересень",
+              "Жовтень",
+              "Листопад",
+              "Грудень",
+          ],
+      },
+      time_24hr: true,
+  };
+  fp.l10ns.uk = Ukrainian;
+  var uk = fp.l10ns;
+
+  exports.Ukrainian = Ukrainian;
+  exports.default = uk;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
diff --git a/asset/js/widget/BaseInput.js b/asset/js/widget/BaseInput.js
new file mode 100644
index 0000000..0a05580
--- /dev/null
+++ b/asset/js/widget/BaseInput.js
@@ -0,0 +1,899 @@
+define(["../notjQuery", "Completer"], function ($, Completer) {
+
+    "use strict";
+
+    class BaseInput {
+        constructor(input) {
+            this.input = input;
+            this.disabled = false;
+            this.separator = '';
+            this.usedTerms = [];
+            this.completer = null;
+            this.lastCompletedTerm = null;
+            this._dataInput = null;
+            this._termInput = null;
+            this._termContainer = null;
+        }
+
+        get dataInput() {
+            if (this._dataInput === null) {
+                this._dataInput = document.querySelector(this.input.dataset.dataInput);
+            }
+
+            return this._dataInput;
+        }
+
+        get termInput() {
+            if (this._termInput === null) {
+                this._termInput = document.querySelector(this.input.dataset.termInput);
+            }
+
+            return this._termInput;
+        }
+
+        get termContainer() {
+            if (this._termContainer === null) {
+                this._termContainer = document.querySelector(this.input.dataset.termContainer);
+            }
+
+            return this._termContainer;
+        }
+
+        bind() {
+            // Form submissions
+            $(this.input.form).on('submit', this.onSubmit, this);
+            $(this.input.form).on(
+                'click', 'button:not([type]), button[type="submit"], input[type="submit"]', this.onButtonClick, this);
+
+            // User interactions
+            $(this.input).on('input', this.onInput, this);
+            $(this.input).on('keydown', this.onKeyDown, this);
+            $(this.input).on('keyup', this.onKeyUp, this);
+            $(this.input).on('blur', this.onInputBlur, this);
+            $(this.input).on('focusin', this.onTermFocus, this);
+            $(this.termContainer).on('input', '[data-label]', this.onInput, this);
+            $(this.termContainer).on('keydown', '[data-label]', this.onKeyDown, this);
+            $(this.termContainer).on('keyup', '[data-label]', this.onKeyUp, this);
+            $(this.termContainer).on('focusout', '[data-index]', this.onTermFocusOut, this);
+            $(this.termContainer).on('focusin', '[data-index]', this.onTermFocus, this);
+
+            // Copy/Paste
+            $(this.input).on('paste', this.onPaste, this);
+            $(this.input).on('copy', this.onCopyAndCut, this);
+            $(this.input).on('cut', this.onCopyAndCut, this);
+
+            // Should terms be completed?
+            if (this.input.dataset.suggestUrl) {
+                if (this.completer === null) {
+                    this.completer = new Completer(this.input, true);
+                    this.completer.bind(this.termContainer);
+                }
+
+                $(this.input).on('suggestion', this.onSuggestion, this);
+                $(this.input).on('completion', this.onCompletion, this);
+                $(this.termContainer).on('suggestion', '[data-label]', this.onSuggestion, this);
+                $(this.termContainer).on('completion', '[data-label]', this.onCompletion, this);
+            }
+
+            return this;
+        }
+
+        refresh(input) {
+            if (input === this.input) {
+                // If the DOM node is still the same, nothing has changed
+                return;
+            }
+
+            this._termInput = null;
+            this._termContainer = null;
+
+            this.input = input;
+            this.bind();
+
+            if (this.completer !== null) {
+                this.completer.refresh(input, this.termContainer);
+            }
+
+            if (! this.restoreTerms()) {
+                this.reset();
+            }
+        }
+
+        reset() {
+            this.usedTerms = [];
+            this.lastCompletedTerm = null;
+
+            this.togglePlaceholder();
+            this.termInput.value = '';
+            this.termContainer.innerHTML = '';
+        }
+
+        destroy() {
+            this._termContainer = null;
+            this._termInput = null;
+            this.input = null;
+
+            if (this.completer !== null) {
+                this.completer.destroy();
+                this.completer = null;
+            }
+        }
+
+        disable() {
+            this.disabled = true;
+            this.input.disabled = true;
+            this.input.form.classList.add('disabled');
+            this.termContainer.querySelectorAll('[data-index]').forEach(el => el.firstChild.disabled = true);
+
+            if (this.completer !== null) {
+                this.completer.reset();
+            }
+        }
+
+        enable() {
+            this.input.disabled = false;
+            this.input.form.classList.remove('disabled');
+            this.termContainer.querySelectorAll('[data-index]').forEach(el => el.firstChild.disabled = false);
+            this.disabled = false;
+        }
+
+        restoreTerms() {
+            if (this.hasTerms()) {
+                this.usedTerms.forEach((termData, termIndex) => this.addTerm(termData, termIndex));
+                this.togglePlaceholder();
+                this.clearPartialTerm(this.input);
+            } else {
+                this.registerTerms();
+                this.togglePlaceholder();
+            }
+
+            return this.hasTerms();
+        }
+
+        registerTerms() {
+            this.termContainer.querySelectorAll('[data-index]').forEach((label) => {
+                let termData = { ...label.dataset };
+                delete termData.index;
+
+                if (label.className) {
+                    termData['class'] = label.className;
+                }
+
+                if (label.title) {
+                    termData['title'] = label.title;
+                }
+
+                this.registerTerm(this.decodeTerm(termData), label.dataset.index);
+            });
+        }
+
+        registerTerm(termData, termIndex = null) {
+            if (termIndex !== null) {
+                this.usedTerms.splice(termIndex, 0, termData);
+                return termIndex;
+            } else {
+                return this.usedTerms.push(termData) - 1;
+            }
+        }
+
+        updateTerms(changedTerms) {
+            // Reset the data input, otherwise the value remains and is sent continuously with subsequent requests
+            this.dataInput.value = '';
+
+            for (const termIndex of Object.keys(changedTerms)) {
+                let label = this.termContainer.querySelector(`[data-index="${ termIndex }"]`);
+                if (! label) {
+                    continue;
+                }
+
+                let input = label.firstChild;
+                let termData = changedTerms[termIndex];
+
+                if (termData.label) {
+                    this.writePartialTerm(termData.label, input);
+                }
+
+                this.updateTermData(termData, input);
+                this.usedTerms[termIndex] = termData;
+            }
+        }
+
+        clearPartialTerm(input) {
+            if (this.completer !== null) {
+                this.completer.reset();
+            }
+
+            this.writePartialTerm('', input);
+        }
+
+        writePartialTerm(value, input) {
+            input.value = value;
+            this.updateTermData({ label: value }, input);
+        }
+
+        readPartialTerm(input) {
+            return input.value.trim();
+        }
+
+        readFullTerm(input, termIndex = null) {
+            let value = this.readPartialTerm(input);
+            if (! value) {
+                return false;
+            }
+
+            let termData = {};
+
+            if (termIndex !== null) {
+                termData = { ...this.usedTerms[termIndex] };
+            }
+
+            termData.label = value;
+            termData.search = value;
+
+            if (this.lastCompletedTerm !== null) {
+                if (termData.label === this.lastCompletedTerm.label) {
+                    Object.assign(termData, this.lastCompletedTerm);
+                }
+
+                this.lastCompletedTerm = null;
+            }
+
+            return termData;
+        }
+
+        exchangeTerm() {
+            if (this.completer !== null) {
+                this.completer.reset();
+            }
+
+            let termData = this.readFullTerm(this.input);
+            if (! termData) {
+                return {};
+            }
+
+            let addedTerms = {};
+            if (Array.isArray(termData)) {
+                for (let data of termData) {
+                    this.addTerm(data);
+                    addedTerms[this.usedTerms.length - 1] = data;
+                }
+            } else {
+                this.addTerm(termData);
+                addedTerms[this.usedTerms.length - 1] = termData;
+            }
+
+            this.clearPartialTerm(this.input);
+
+            return addedTerms;
+        }
+
+        insertTerm(termData, termIndex) {
+            this.reIndexTerms(termIndex, 1, true);
+            this.registerTerm(termData, termIndex);
+            return this.insertRenderedTerm(this.renderTerm(termData, termIndex));
+        }
+
+        insertRenderedTerm(label) {
+            let next = this.termContainer.querySelector(`[data-index="${ label.dataset.index + 1 }"]`);
+            this.termContainer.insertBefore(label, next);
+            return label;
+        }
+
+        addTerm(termData, termIndex = null) {
+            if (termIndex === null) {
+                termIndex = this.registerTerm(termData);
+            }
+
+            this.addRenderedTerm(this.renderTerm(termData, termIndex));
+        }
+
+        addRenderedTerm(label) {
+            this.termContainer.appendChild(label);
+        }
+
+        hasTerms() {
+            return this.usedTerms.length > 0;
+        }
+
+        hasSyntaxError(input) {
+            if (typeof input === 'undefined') {
+                input = this.input;
+            }
+
+            return 'hasSyntaxError' in input.dataset;
+        }
+
+        clearSyntaxError(input) {
+            if (typeof input === 'undefined') {
+                input = this.input;
+            }
+
+            delete input.dataset.hasSyntaxError;
+            input.removeAttribute('pattern');
+            input.removeAttribute('title');
+        }
+
+        getQueryString() {
+            return this.termsToQueryString(this.usedTerms);
+        }
+
+        saveTerm(input, updateDOM = true, force = false) {
+            let termIndex = input.parentNode.dataset.index;
+            let termData = this.readFullTerm(input, termIndex);
+
+            // Only save if something has changed, unless forced
+            if (termData === false) {
+                console.warn('[BaseInput] Input is empty, cannot save');
+            } else if (force || this.usedTerms[termIndex].label !== termData.label) {
+                let oldTermData = this.usedTerms[termIndex];
+                this.usedTerms[termIndex] = termData;
+                this.updateTermData(termData, input);
+
+                return oldTermData;
+            }
+
+            return false;
+        }
+
+        updateTermData(termData, input) {
+            let label = input.parentNode;
+            label.dataset.label = termData.label;
+
+            if (!! termData.search || termData.search === '') {
+                label.dataset.search = termData.search;
+            }
+
+            if (!! termData.title) {
+                label.title = termData.title;
+            } else {
+                label.title = '';
+            }
+        }
+
+        termsToQueryString(terms) {
+            return terms.map(e => this.encodeTerm(e).search).join(this.separator).trim();
+        }
+
+        lastTerm() {
+            if (! this.hasTerms()) {
+                return null;
+            }
+
+            return this.usedTerms[this.usedTerms.length - 1];
+        }
+
+        popTerm() {
+            let lastTermIndex = this.usedTerms.length - 1;
+            return this.removeTerm(this.termContainer.querySelector(`[data-index="${ lastTermIndex }"]`));
+        }
+
+        removeTerm(label, updateDOM = true) {
+            if (this.completer !== null) {
+                this.completer.reset();
+            }
+
+            let termIndex = Number(label.dataset.index);
+
+            // Re-index following remaining terms
+            this.reIndexTerms(termIndex);
+
+            // Cut the term's data
+            let [termData] = this.usedTerms.splice(termIndex, 1);
+
+            // Avoid saving the term, it's removed after all
+            label.firstChild.skipSaveOnBlur = true;
+
+            if (updateDOM) {
+                // Remove it from the DOM
+                this.removeRenderedTerm(label);
+            }
+
+            return termData;
+        }
+
+        removeRenderedTerm(label) {
+            label.remove();
+        }
+
+        removeRange(labels) {
+            let from = Number(labels[0].dataset.index);
+            let to = Number(labels[labels.length - 1].dataset.index);
+            let deleteCount = to - from + 1;
+
+            if (to < this.usedTerms.length - 1) {
+                // Only re-index if there's something left
+                this.reIndexTerms(to, deleteCount);
+            }
+
+            let removedData = this.usedTerms.splice(from, deleteCount);
+
+            this.removeRenderedRange(labels);
+
+            let removedTerms = {};
+            for (let i = from; removedData.length; i++) {
+                removedTerms[i] = removedData.shift();
+            }
+
+            return removedTerms;
+        }
+
+        removeRenderedRange(labels) {
+            labels.forEach(label => this.removeRenderedTerm(label));
+        }
+
+        reIndexTerms(from, howMuch = 1, forward = false) {
+            if (forward) {
+                for (let i = this.usedTerms.length - 1; i >= from; i--) {
+                    let label = this.termContainer.querySelector(`[data-index="${ i }"]`);
+                    label.dataset.index = `${ i + howMuch }`;
+                }
+            } else {
+                for (let i = ++from; i < this.usedTerms.length; i++) {
+                    let label = this.termContainer.querySelector(`[data-index="${ i }"]`);
+                    label.dataset.index = `${ i - howMuch }`;
+                }
+            }
+        }
+
+        complete(input, data) {
+            if (this.completer !== null) {
+                $(input).trigger('complete', data);
+            }
+        }
+
+        selectTerms() {
+            this.termContainer.querySelectorAll('[data-index]').forEach(el => el.classList.add('selected'));
+        }
+
+        deselectTerms() {
+            this.termContainer.querySelectorAll('.selected').forEach(el => el.classList.remove('selected'));
+        }
+
+        clearSelectedTerms() {
+            if (this.hasTerms()) {
+                let labels = this.termContainer.querySelectorAll('.selected');
+                if (labels.length) {
+                    return this.removeRange(Array.from(labels));
+                }
+            }
+
+            return {};
+        }
+
+        togglePlaceholder() {
+            let placeholder = '';
+
+            if (! this.hasTerms()) {
+                if (this.input.dataset.placeholder) {
+                    placeholder = this.input.dataset.placeholder;
+                } else {
+                    return;
+                }
+            } else if (this.input.placeholder) {
+                if (! this.input.dataset.placeholder) {
+                    this.input.dataset.placeholder = this.input.placeholder;
+                }
+            }
+
+            this.input.placeholder = placeholder;
+        }
+
+        renderTerm(termData, termIndex) {
+            let label = $.render('<label><input type="text"></label>');
+
+            if (termData.class) {
+                label.classList.add(termData.class);
+            }
+
+            if (termData.title) {
+                label.title = termData.title;
+            }
+
+            label.dataset.label = termData.label;
+            label.dataset.search = termData.search;
+            label.dataset.index = termIndex;
+
+            label.firstChild.value = termData.label;
+
+            return label;
+        }
+
+        encodeTerm(termData) {
+            termData = { ...termData };
+            termData.search = encodeURIComponent(termData.search);
+
+            return termData;
+        }
+
+        decodeTerm(termData) {
+            termData.search = decodeURIComponent(termData.search);
+
+            return termData;
+        }
+
+        shouldNotAutoSubmit() {
+            return 'noAutoSubmit' in this.input.dataset;
+        }
+
+        autoSubmit(input, changeType, changedTerms) {
+            if (this.shouldNotAutoSubmit()) {
+                return;
+            }
+
+            if (changeType === 'save') {
+                // Replace old term data with the new one, as required by the backend
+                for (const termIndex of Object.keys(changedTerms)) {
+                    changedTerms[termIndex] = this.usedTerms[termIndex];
+                }
+            }
+
+            this.dataInput.value = JSON.stringify({
+                type: changeType,
+                terms: changedTerms
+            });
+
+            if (Object.keys(changedTerms).length) {
+                $(this.input.form).trigger('submit', { submittedBy: input });
+            }
+        }
+
+        submitTerms(terms) {
+            $(this.input.form).trigger(
+                'submit',
+                { terms: terms }
+            );
+        }
+
+        moveFocusForward(from = null) {
+            let toFocus;
+
+            let inputs = Array.from(this.termContainer.querySelectorAll('input'));
+            if (from === null) {
+                let focused = this.termContainer.querySelector('input:focus');
+                from = inputs.indexOf(focused);
+            }
+
+            if (from === -1) {
+                toFocus = inputs.shift();
+            } else if (from + 1 < inputs.length) {
+                toFocus = inputs[from + 1];
+            } else {
+                toFocus = this.input;
+            }
+
+            toFocus.selectionStart = toFocus.selectionEnd = 0;
+            $(toFocus).focus();
+
+            return toFocus;
+        }
+
+        moveFocusBackward(from = null) {
+            let toFocus;
+
+            let inputs = Array.from(this.termContainer.querySelectorAll('input'));
+            if (from === null) {
+                let focused = this.termContainer.querySelector('input:focus');
+                from = inputs.indexOf(focused);
+            }
+
+            if (from === -1) {
+                toFocus = inputs.pop();
+            } else if (from > 0 && from - 1 < inputs.length) {
+                toFocus = inputs[from - 1];
+            } else {
+                toFocus = this.input;
+            }
+
+            toFocus.selectionStart = toFocus.selectionEnd = toFocus.value.length;
+            $(toFocus).focus();
+
+            return toFocus;
+        }
+
+        /**
+         * Event listeners
+         */
+
+        onSubmit(event) {
+            // Unset the input's name, to prevent its submission (It may actually have a name, as no-js fallback)
+            this.input.name = '';
+
+            // Set the hidden input's value, it's what's sent
+            if (event.detail && 'terms' in event.detail) {
+                this.termInput.value = event.detail.terms;
+            } else {
+                let renderedTerms = this.termsToQueryString(this.usedTerms);
+                if (this.hasSyntaxError()) {
+                    renderedTerms += this.input.value;
+                }
+
+                this.termInput.value = renderedTerms;
+            }
+
+            // Enable the hidden input, otherwise it's not submitted
+            this.termInput.disabled = false;
+        }
+
+        onSuggestion(event) {
+            let data = event.detail;
+            let input = event.target;
+
+            let termData;
+            if (typeof data === 'object') {
+                termData = data;
+            } else {
+                termData = { label: data, search: data };
+            }
+
+            this.lastCompletedTerm = termData;
+            this.writePartialTerm(termData.label, input);
+        }
+
+        onCompletion(event) {
+            let input = event.target;
+            let termData = event.detail;
+            let termIndex = Number(input.parentNode.dataset.index);
+
+            this.lastCompletedTerm = termData;
+            this.writePartialTerm(termData.label, input);
+
+            if (termIndex >= 0) {
+                this.autoSubmit(input, 'save', { [termIndex]: this.saveTerm(input, false, true) });
+            } else {
+                this.autoSubmit(input, 'exchange', this.exchangeTerm());
+                this.togglePlaceholder();
+            }
+        }
+
+        onInput(event) {
+            let input = event.target;
+            let isTerm = input.parentNode.dataset.index >= 0;
+
+            let termData = { label: this.readPartialTerm(input) };
+            this.updateTermData(termData, input);
+
+            if (! input.value && this.hasSyntaxError(input)) {
+                this.clearSyntaxError(input);
+            }
+
+            if (! this.hasSyntaxError(input)) {
+                this.complete(input, { term: termData });
+            }
+
+            if (! isTerm) {
+                this.autoSubmit(this.input, 'remove', this.clearSelectedTerms());
+                this.togglePlaceholder();
+            }
+        }
+
+        onKeyDown(event) {
+            let input = event.target;
+            let termIndex = Number(input.parentNode.dataset.index);
+
+            if (this.hasSyntaxError(input) && ! (/[A-Z]/.test(event.key.charAt(0)) || event.ctrlKey || event.metaKey)) {
+                // Clear syntax error flag if the user types entirely new input after having selected the entire input
+                // (This way the input isn't empty but switches from input to input immediately, causing the clearing
+                // in onInput to not work)
+                if (input.selectionEnd - input.selectionStart === input.value.length) {
+                    this.clearSyntaxError(input);
+                }
+            }
+
+            let removedTerms;
+            switch (event.key) {
+                case ' ':
+                    if (! this.readPartialTerm(input)) {
+                        this.complete(input, { term: { label: '' } });
+                        event.preventDefault();
+                    }
+                    break;
+                case 'Backspace':
+                    removedTerms = this.clearSelectedTerms();
+
+                    if (termIndex >= 0 && ! input.value) {
+                        let removedTerm = this.removeTerm(input.parentNode);
+                        if (removedTerm !== false) {
+                            input = this.moveFocusBackward(termIndex);
+                            if (event.ctrlKey || event.metaKey) {
+                                this.clearPartialTerm(input);
+                            } else {
+                                this.writePartialTerm(input.value.slice(0, -1), input);
+                            }
+
+                            removedTerms[termIndex] = removedTerm;
+                            event.preventDefault();
+                        }
+                    } else if (isNaN(termIndex)) {
+                        if (! input.value && this.hasTerms()) {
+                            let termData = this.popTerm();
+                            if (! event.ctrlKey && ! event.metaKey) {
+                                // Removing the last char programmatically is not
+                                // necessary since the browser default is not prevented
+                                this.writePartialTerm(termData.label, input);
+                            }
+
+                            removedTerms[this.usedTerms.length] = termData;
+                        }
+                    }
+
+                    this.togglePlaceholder();
+                    this.autoSubmit(input, 'remove', removedTerms);
+                    break;
+                case 'Delete':
+                    removedTerms = this.clearSelectedTerms();
+
+                    if (termIndex >= 0 && ! input.value) {
+                        let removedTerm = this.removeTerm(input.parentNode);
+                        if (removedTerm !== false) {
+                            input = this.moveFocusForward(termIndex - 1);
+                            if (event.ctrlKey || event.metaKey) {
+                                this.clearPartialTerm(input);
+                            } else {
+                                this.writePartialTerm(input.value.slice(1), input);
+                            }
+
+                            removedTerms[termIndex] = removedTerm;
+                            event.preventDefault();
+                        }
+                    }
+
+                    this.togglePlaceholder();
+                    this.autoSubmit(input, 'remove', removedTerms);
+                    break;
+                case 'Enter':
+                    if (termIndex >= 0) {
+                        if (this.readPartialTerm(input)) {
+                            this.saveTerm(input, false);
+                        } else {
+                            this.removeTerm(input.parentNode, false);
+                        }
+                    }
+                    break;
+                case 'ArrowLeft':
+                    if (input.selectionStart === 0 && this.hasTerms()) {
+                        event.preventDefault();
+                        this.moveFocusBackward();
+                    }
+                    break;
+                case 'ArrowRight':
+                    if (input.selectionStart === input.value.length && this.hasTerms()) {
+                        event.preventDefault();
+                        this.moveFocusForward();
+                    }
+                    break;
+                case 'a':
+                    if ((event.ctrlKey || event.metaKey) && ! this.readPartialTerm(input)) {
+                        this.selectTerms();
+                    }
+            }
+        }
+
+        onKeyUp(event) {
+            if (event.target.parentNode.dataset.index >= 0) {
+                return;
+            }
+
+            switch (event.key) {
+                case 'End':
+                case 'ArrowLeft':
+                case 'ArrowRight':
+                    this.deselectTerms();
+                    break;
+                case 'Home':
+                    if (this.input.selectionStart === 0 && this.input.selectionEnd === 0) {
+                        if (event.shiftKey) {
+                            this.selectTerms();
+                        } else {
+                            this.deselectTerms();
+                        }
+                    }
+
+                    break;
+                case 'Delete':
+                    this.autoSubmit(event.target, 'remove', this.clearSelectedTerms());
+                    this.togglePlaceholder();
+                    break;
+            }
+        }
+
+        onInputBlur() {
+            this.deselectTerms();
+        }
+
+        onTermFocusOut(event) {
+            let input = event.target;
+            if (this.hasSyntaxError(input)) {
+                return;
+            }
+
+            // skipSaveOnBlur is set if the input is about to be removed anyway.
+            // If we remove the input as well, the other removal will fail without
+            // any chance to handle it. (Element.remove() blurs the input)
+            if (typeof input.skipSaveOnBlur === 'undefined' || ! input.skipSaveOnBlur) {
+                setTimeout(() => {
+                    if (this.completer === null || ! this.completer.isBeingCompleted(input)) {
+                        let termIndex = Number(input.parentNode.dataset.index);
+                        if (this.readPartialTerm(input)) {
+                            let previousTerm = this.saveTerm(input);
+                            if (previousTerm !== false) {
+                                this.autoSubmit(input, 'save', { [termIndex]: previousTerm });
+                            }
+                        } else {
+                            this.autoSubmit(input, 'remove', { [termIndex]: this.removeTerm(input.parentNode) });
+                        }
+                    }
+                }, 0);
+            }
+        }
+
+        onTermFocus(event) {
+            if (event.detail.scripted) {
+                // Only request suggestions if the user manually focuses the term
+                return;
+            }
+
+            this.deselectTerms();
+
+            let input = event.target;
+            if (! this.hasSyntaxError(input) && ! this.completer.isBeingCompleted(input, false)) {
+                // Only request suggestions if the input is valid and not already being completed
+                let value = this.readPartialTerm(input);
+                this.complete(input, { trigger: 'script', term: { label: value } });
+            }
+        }
+
+        onButtonClick(event) {
+            if (! this.hasSyntaxError()) {
+                // Register current input value, otherwise it's not included
+                this.exchangeTerm();
+            }
+
+            if (this.hasTerms()) {
+                this.input.required = false;
+
+                // This is not part of `onSubmit()` because otherwise it would override what `autoSubmit()` does
+                this.dataInput.value = JSON.stringify({ type: 'submit', terms: this.usedTerms });
+            } else if (typeof this.input.dataset.manageRequired !== 'undefined') {
+                this.input.required = true;
+            }
+        }
+
+        onPaste(event) {
+            if (this.hasTerms() || this.input.value) {
+                return;
+            }
+
+            this.submitTerms(event.clipboardData.getData('text/plain'));
+
+            event.preventDefault();
+        }
+
+        onCopyAndCut(event) {
+            if (! this.hasTerms()) {
+                return;
+            }
+
+            let data = '';
+
+            let selectedTerms = this.termContainer.querySelectorAll('.selected');
+            if (selectedTerms.length) {
+                data = Array.from(selectedTerms).map(label => label.dataset.search).join(this.separator);
+            }
+
+            if (this.input.selectionStart < this.input.selectionEnd) {
+                data += this.separator + this.input.value.slice(this.input.selectionStart, this.input.selectionEnd);
+            }
+
+            event.clipboardData.setData('text/plain', data);
+            event.preventDefault();
+
+            if (event.type === 'cut') {
+                this.clearPartialTerm(this.input);
+                this.autoSubmit(this.input, 'remove', this.clearSelectedTerms());
+                this.togglePlaceholder();
+            }
+        }
+    }
+
+    return BaseInput;
+});
diff --git a/asset/js/widget/Completer.js b/asset/js/widget/Completer.js
new file mode 100644
index 0000000..09f59bd
--- /dev/null
+++ b/asset/js/widget/Completer.js
@@ -0,0 +1,523 @@
+define(["../notjQuery"], function ($) {
+
+    "use strict";
+
+    class Completer {
+        constructor(input, instrumented = false) {
+            this.input = input;
+            this.instrumented = instrumented;
+            this.nextSuggestion = null;
+            this.activeSuggestion = null;
+            this.suggestionKiller = null;
+            this.completedInput = null;
+            this.completedValue = null;
+            this.completedData = null;
+            this._termSuggestions = null;
+        }
+
+        get termSuggestions() {
+            if (this._termSuggestions === null) {
+                this._termSuggestions = document.querySelector(this.input.dataset.termSuggestions);
+            }
+
+            return this._termSuggestions;
+        }
+
+        bind(to = null) {
+            // Form submissions
+            $(this.input.form).on('submit', this.onSubmit, this);
+
+            // User interactions
+            $(this.termSuggestions).on('focusout', '[type="button"]', this.onFocusOut, this);
+            $(this.termSuggestions).on('click', '[type="button"]', this.onSuggestionClick, this);
+            $(this.termSuggestions).on('keydown', '[type="button"]', this.onSuggestionKeyDown, this);
+
+            if (this.instrumented) {
+                if (to !== null) {
+                    $(to).on('focusout', 'input[type="text"]', this.onFocusOut, this);
+                    $(to).on('keydown', 'input[type="text"]', this.onKeyDown, this);
+                    $(to).on('complete', 'input[type="text"]', this.onComplete, this);
+                }
+
+                $(this.input).on('complete', this.onComplete, this);
+            } else {
+                $(this.input).on('input', this.onInput, this);
+            }
+
+            $(this.input).on('focusout', this.onFocusOut, this);
+            $(this.input).on('keydown', this.onKeyDown, this);
+
+            return this;
+        }
+
+        refresh(input, bindTo = null) {
+            if (input === this.input) {
+                // If the DOM node is still the same, nothing has changed
+                return;
+            }
+
+            this._termSuggestions = null;
+            this.abort();
+
+            this.input = input;
+            this.bind(bindTo);
+        }
+
+        reset() {
+            this.abort();
+            this.hideSuggestions();
+        }
+
+        destroy() {
+            this._termSuggestions = null;
+            this.input = null;
+        }
+
+        renderSuggestions(html) {
+            let template = document.createElement('template');
+            template.innerHTML = html;
+
+            return template.content;
+        }
+
+        showSuggestions(suggestions, input) {
+            this.termSuggestions.innerHTML = '';
+            this.termSuggestions.appendChild(suggestions);
+            this.termSuggestions.style.display = '';
+
+            let containingBlock = this.termSuggestions.offsetParent || document.body;
+            let containingBlockRect = containingBlock.getBoundingClientRect();
+            let inputRect = input.getBoundingClientRect();
+            let inputPosX = inputRect.left - containingBlockRect.left;
+            let inputPosY = inputRect.bottom - containingBlockRect.top;
+            let suggestionWidth = this.termSuggestions.offsetWidth;
+
+            let maxAvailableHeight = document.body.clientHeight - inputRect.bottom;
+            let localMarginBottom = window.getComputedStyle(this.termSuggestions).marginBottom;
+
+            this.termSuggestions.style.top = `${ inputPosY }px`;
+            this.termSuggestions.style.maxHeight = `calc(${maxAvailableHeight}px - ${localMarginBottom})`;
+            if (inputPosX + suggestionWidth > containingBlockRect.right - containingBlockRect.left) {
+                this.termSuggestions.style.left =
+                    `${ containingBlockRect.right - containingBlockRect.left - suggestionWidth }px`;
+            } else {
+                this.termSuggestions.style.left = `${ inputPosX }px`;
+            }
+        }
+
+        hasSuggestions() {
+            return this.termSuggestions.childNodes.length > 0;
+        }
+
+        hideSuggestions() {
+            if (this.nextSuggestion !== null || this.activeSuggestion !== null) {
+                return;
+            }
+
+            if (this.suggestionKiller !== null) {
+                // onFocusOut initiates this timer in order to hide the suggestions if the user
+                // doesn't navigate them. Since it does this by checking after a short interval
+                // if the focus is inside the suggestions, the interval has to be long enough to
+                // have a chance to detect the focus. `focusout` runs before `blur` and `focus`,
+                // so this may lead to a race condition which is addressed by the timeout. Though,
+                // to not close the newly opened suggestions of the next input the timer has to
+                // be cancelled here since it's purpose is already fulfilled.
+                clearTimeout(this.suggestionKiller);
+                this.suggestionKiller = null;
+            }
+
+            this.termSuggestions.style.display = 'none';
+            this.termSuggestions.innerHTML = '';
+
+            this.completedInput = null;
+            this.completedValue = null;
+            this.completedData = null;
+        }
+
+        prepareCompletionData(input, data = null) {
+            if (data === null) {
+                data = { term: { ...input.dataset } };
+                data.term.label = input.value;
+            }
+
+            let value = data.term.label;
+            data.term.search = value;
+            data.term.label = this.addWildcards(value);
+
+            if (input.parentElement instanceof HTMLFieldSetElement) {
+                for (let element of input.parentElement.elements) {
+                    if (element !== input
+                        && element.name !== input.name + '-search'
+                        && (element.name.substr(-7) === '-search'
+                            || typeof input.form[element.name + '-search'] === 'undefined')
+                    ) {
+                        // Make sure we'll use a key that the server can understand..
+                        let dataName = element.name;
+                        if (dataName.substr(-7) === '-search') {
+                            dataName = dataName.substr(0, dataName.length - 7);
+                        }
+                        if (dataName.substr(0, input.parentElement.name.length) === input.parentElement.name) {
+                            dataName = dataName.substr(input.parentElement.name.length);
+                        }
+
+                        if (! dataName in data || element.value) {
+                            data[dataName] = element.value;
+                        }
+                    }
+                }
+            }
+
+            return [value, data];
+        }
+
+        addWildcards(value) {
+            if (! value) {
+                return '*';
+            }
+
+            if (value.slice(0, 1) !== '*' && value.slice(-1) !== '*') {
+                return '*' + value + '*';
+            }
+
+            return value;
+        }
+
+        abort() {
+            if (this.activeSuggestion !== null) {
+                this.activeSuggestion.abort();
+                this.activeSuggestion = null;
+            }
+
+            if (this.nextSuggestion !== null) {
+                clearTimeout(this.nextSuggestion);
+                this.nextSuggestion = null;
+            }
+        }
+
+        requestCompletion(input, data, trigger = 'user') {
+            this.abort();
+
+            this.nextSuggestion = setTimeout(() => {
+                let req = new XMLHttpRequest();
+                req.open('POST', this.input.dataset.suggestUrl, true);
+                req.setRequestHeader('Content-Type', 'application/json');
+
+                if (typeof icinga !== 'undefined') {
+                    let windowId = icinga.ui.getWindowId();
+                    let containerId = icinga.ui.getUniqueContainerId(this.termSuggestions);
+                    if (containerId) {
+                        req.setRequestHeader('X-Icinga-WindowId', windowId + '_' + containerId);
+                    } else {
+                        req.setRequestHeader('X-Icinga-WindowId', windowId);
+                    }
+                }
+
+                req.addEventListener('loadend', () => {
+                    if (req.readyState > 0) {
+                        if (req.responseText) {
+                            let suggestions = this.renderSuggestions(req.responseText);
+                            if (trigger === 'script') {
+                                // If the suggestions are to be displayed due to a scripted event,
+                                // show them only if the completed input is still focused..
+                                if (document.activeElement === input) {
+                                    this.showSuggestions(suggestions, input);
+                                }
+                            } else {
+                                this.showSuggestions(suggestions, input);
+                            }
+                        } else {
+                            this.hideSuggestions();
+                        }
+                    }
+
+                    this.activeSuggestion = null;
+                    this.nextSuggestion = null;
+                });
+
+                req.send(JSON.stringify(data));
+
+                this.activeSuggestion = req;
+            }, 200);
+        }
+
+        suggest(input, value, data = {}) {
+            if (this.instrumented) {
+                if (! Object.keys(data).length) {
+                    data = value;
+                }
+
+                $(input).trigger('suggestion', data);
+            } else {
+                input.value = value;
+            }
+        }
+
+        complete(input, value, data) {
+            $(input).focus({ scripted: true });
+
+            if (this.instrumented) {
+                if (! Object.keys(data).length) {
+                    data = value;
+                }
+
+                $(input).trigger('completion', data);
+            } else {
+                input.value = value;
+
+                for (let name in data) {
+                    let dataElement = input.form[input.name + '-' + name];
+                    if (typeof dataElement !== 'undefined') {
+                        if (dataElement instanceof RadioNodeList) {
+                            dataElement = dataElement[dataElement.length - 1];
+                        }
+
+                        dataElement.value = data[name];
+                    } else if (name === 'title') {
+                        input.title = data[name];
+                    }
+                }
+            }
+
+            this.hideSuggestions();
+        }
+
+        moveToSuggestion(backwards = false) {
+            let focused = this.termSuggestions.querySelector('[type="button"]:focus');
+            let inputs = Array.from(this.termSuggestions.querySelectorAll('[type="button"]'));
+
+            let input;
+            if (focused !== null) {
+                let sibling = inputs[backwards ? inputs.indexOf(focused) - 1 : inputs.indexOf(focused) + 1];
+                if (sibling) {
+                    input = sibling;
+                } else {
+                    input = this.completedInput;
+                }
+            } else {
+                input = inputs[backwards ? inputs.length - 1 : 0];
+            }
+
+            $(input).focus();
+
+            if (this.completedValue !== null) {
+                if (input === this.completedInput) {
+                    this.suggest(this.completedInput, this.completedValue);
+                } else {
+                    this.suggest(this.completedInput, input.value, { ...input.dataset });
+                }
+            }
+
+            return input;
+        }
+
+        isBeingCompleted(input, activeElement = null) {
+            if (activeElement === null) {
+                activeElement = document.activeElement;
+            }
+
+            return input === this.completedInput && (
+                (! activeElement && this.hasSuggestions())
+                    || (activeElement && this.termSuggestions.contains(activeElement))
+            );
+        }
+
+        /**
+         * Event listeners
+         */
+
+        onSubmit(event) {
+            // Reset all states, the user is about to navigate away
+            this.reset();
+        }
+
+        onFocusOut(event) {
+            if (this.completedInput === null) {
+                // If there are multiple instances of Completer bound to the same suggestion container
+                // all of them try to handle the event. Though, only one of them is responsible and
+                // that's the one which has a completed input set.
+                return;
+            }
+
+            let input = event.target;
+            let completedInput = this.completedInput;
+            this.suggestionKiller = setTimeout(() => {
+                if (completedInput !== this.completedInput) {
+                    // Don't hide another input's suggestions
+                } else if (document.activeElement !== completedInput
+                    && ! this.termSuggestions.contains(document.activeElement)
+                ) {
+                    // Hide the suggestions if the user doesn't navigate them
+                    if (input !== completedInput) {
+                        // Restore input if a suggestion lost focus
+                        this.suggest(completedInput, this.completedValue);
+                    }
+
+                    this.hideSuggestions();
+                }
+            }, 250);
+        }
+
+        onSuggestionKeyDown(event) {
+            if (this.completedInput === null) {
+                return;
+            }
+
+            switch (event.key) {
+                case 'Escape':
+                    $(this.completedInput).focus({ scripted: true });
+                    this.suggest(this.completedInput, this.completedValue);
+                    break;
+                case 'Tab':
+                    event.preventDefault();
+                    this.moveToSuggestion(event.shiftKey);
+                    break;
+                case 'ArrowLeft':
+                case 'ArrowUp':
+                    event.preventDefault();
+                    this.moveToSuggestion(true);
+                    break;
+                case 'ArrowRight':
+                case 'ArrowDown':
+                    event.preventDefault();
+                    this.moveToSuggestion();
+                    break;
+            }
+        }
+
+        onSuggestionClick(event) {
+            if (this.completedInput === null) {
+                return;
+            }
+
+            let input = event.currentTarget;
+
+            this.complete(this.completedInput, input.value, { ...input.dataset });
+        }
+
+        onKeyDown(event) {
+            let suggestions;
+
+            switch (event.key) {
+                case ' ':
+                    if (this.instrumented) {
+                        break;
+                    }
+
+                    let input = event.target;
+
+                    if (! input.value) {
+                        if (input.minLength <= 0) {
+                            let [value, data] = this.prepareCompletionData(input);
+                            this.completedInput = input;
+                            this.completedValue = value;
+                            this.completedData = data;
+                            this.requestCompletion(input, data);
+                        }
+
+                        event.preventDefault();
+                    }
+
+                    break;
+                case 'Tab':
+                    suggestions = this.termSuggestions.querySelectorAll('[type="button"]');
+                    if (suggestions.length === 1) {
+                        event.preventDefault();
+                        let input = event.target;
+                        let suggestion = suggestions[0];
+
+                        this.complete(input, suggestion.value, { ...suggestion.dataset });
+                    }
+
+                    break;
+                case 'Enter':
+                    let defaultSuggestion = this.termSuggestions.querySelector('.default > [type="button"]');
+                    if (defaultSuggestion !== null) {
+                        event.preventDefault();
+                        let input = event.target;
+
+                        this.complete(input, defaultSuggestion.value, { ...defaultSuggestion.dataset });
+                    }
+
+                    break;
+                case 'Escape':
+                    if (this.hasSuggestions()) {
+                        this.hideSuggestions()
+                        event.preventDefault();
+                    }
+
+                    break;
+                case 'ArrowUp':
+                    suggestions = this.termSuggestions.querySelectorAll('[type="button"]');
+                    if (suggestions.length) {
+                        event.preventDefault();
+                        this.moveToSuggestion(true);
+                    }
+
+                    break;
+                case 'ArrowDown':
+                    suggestions = this.termSuggestions.querySelectorAll('[type="button"]');
+                    if (suggestions.length) {
+                        event.preventDefault();
+                        this.moveToSuggestion();
+                    }
+
+                    break;
+                default:
+                    if (/[A-Z]/.test(event.key.charAt(0)) || event.key === '"') {
+                        // Ignore control keys not resulting in new input data
+                        break;
+                    }
+
+                    let typedSuggestion = this.termSuggestions.querySelector(`[value="${ event.key }"]`);
+                    if (typedSuggestion !== null) {
+                        this.hideSuggestions();
+                    }
+            }
+        }
+
+        onInput(event) {
+            let input = event.target;
+
+            if (input.minLength > 0 && input.value.length < input.minLength) {
+                return;
+            }
+
+            // Set the input's value as search value. This ensures that if the user doesn't
+            // choose a suggestion, an up2date contextual value will be transmitted with
+            // completion requests and the server can properly identify a new value upon submit
+            input.dataset.search = input.value;
+            if (typeof input.form[input.name + '-search'] !== 'undefined') {
+                let dataElement = input.form[input.name + '-search'];
+                if (dataElement instanceof RadioNodeList) {
+                    dataElement = dataElement[dataElement.length - 1];
+                }
+
+                dataElement.value = input.value;
+            }
+
+            let [value, data] = this.prepareCompletionData(input);
+            this.completedInput = input;
+            this.completedValue = value;
+            this.completedData = data;
+            this.requestCompletion(input, data);
+        }
+
+        onComplete(event) {
+            let input = event.target;
+            let { trigger = 'user' , ...detail } = event.detail;
+
+            let [value, data] = this.prepareCompletionData(input, detail);
+            this.completedInput = input;
+            this.completedValue = value;
+            this.completedData = data;
+
+            if (typeof data.suggestions !== 'undefined') {
+                this.showSuggestions(data.suggestions, input);
+            } else {
+                this.requestCompletion(input, data, trigger);
+            }
+        }
+    }
+
+    return Completer;
+});
diff --git a/asset/js/widget/FilterInput.js b/asset/js/widget/FilterInput.js
new file mode 100644
index 0000000..97a3577
--- /dev/null
+++ b/asset/js/widget/FilterInput.js
@@ -0,0 +1,1557 @@
+define(["../notjQuery", "BaseInput"], function ($, BaseInput) {
+
+    "use strict";
+
+    class FilterInput extends BaseInput {
+        constructor(input) {
+            super(input);
+
+            this.termType = 'column';
+
+            /**
+             * The negation operator
+             *
+             * @type {{}}
+             */
+            this.negationOperator = { label: '!', search: '!', class: 'logical_operator', type: 'negation_operator' };
+
+            /**
+             * Supported grouping operators
+             *
+             * @type {{close: {}, open: {}}}
+             */
+            this.grouping_operators = {
+                open: { label: '(', search: '(', class: 'grouping_operator_open', type: 'grouping_operator' },
+                close: { label: ')', search: ')', class: 'grouping_operator_close', type: 'grouping_operator' }
+            };
+
+            /**
+             * Supported logical operators
+             *
+             * The first is also the default.
+             *
+             * @type {{}[]}
+             */
+            this.logical_operators = [
+                { label: '&', search: '&', class: 'logical_operator', type: 'logical_operator', default: true },
+                { label: '|', search: '|', class: 'logical_operator', type: 'logical_operator' },
+            ];
+
+            /**
+             * Supported relational operators
+             *
+             * The first is also the default.
+             *
+             * @type {{}[]}
+             */
+            this.relational_operators = [
+                { label: '=', search: '=', class: 'operator', type: 'operator', default: true },
+                { label: '!=', search: '!=', class: 'operator', type: 'operator' },
+                { label: '>', search: '>', class: 'operator', type: 'operator' },
+                { label: '<', search: '<', class: 'operator', type: 'operator' },
+                { label: '>=', search: '>=', class: 'operator', type: 'operator' },
+                { label: '<=', search: '<=', class: 'operator', type: 'operator' }
+            ];
+        }
+
+        bind() {
+            $(this.termContainer).on('click', '[data-group-type="condition"] > button', this.onRemoveCondition, this);
+            $(this.termContainer).on('click', '[data-index]', this.onTermClick, this);
+            $(this.termContainer).on('mouseover', '[data-index]', this.onTermHover, this);
+            $(this.termContainer).on('mouseout', '[data-index]', this.onTermLeave, this);
+            return super.bind();
+        }
+
+        reset() {
+            super.reset();
+
+            this.termType = 'column';
+        }
+
+        restoreTerms() {
+            if (super.restoreTerms()) {
+                this.reportValidity(this.input.form);
+                return true;
+            }
+
+            return false;
+        }
+
+        registerTerms() {
+            super.registerTerms();
+
+            if (this.hasTerms()) {
+                this.termType = this.nextTermType(this.lastTerm());
+            }
+        }
+
+        registerTerm(termData, termIndex = null) {
+            termIndex = super.registerTerm(termData, termIndex);
+
+            if (termData.type === 'grouping_operator' && typeof termData.counterpart === 'undefined') {
+                let counterpart;
+                if (this.isGroupOpen(termData)) {
+                    counterpart = this.nextPendingGroupClose(termIndex);
+                } else {
+                    counterpart = this.lastPendingGroupOpen(termIndex);
+                }
+
+                if (counterpart !== null) {
+                    termData.counterpart = counterpart;
+                    this.usedTerms[counterpart].counterpart = termIndex;
+                }
+            }
+
+            return termIndex;
+        }
+
+        updateTermData(termData, input) {
+            super.updateTermData(termData, input);
+
+            if (termData.pattern) {
+                input.pattern = termData.pattern;
+                delete termData.pattern;
+
+                if (termData.invalidMsg) {
+                    input.dataset.invalidMsg = termData.invalidMsg;
+                    delete termData.invalidMsg;
+                }
+
+                if (! this.checkValidity(input)) {
+                    this.reportValidity(input);
+                }
+            }
+        }
+
+        readFullTerm(input, termIndex = null) {
+            let termData = super.readFullTerm(input, termIndex);
+            if (termData === false) {
+                return false;
+            }
+
+            if (termData.type === 'terms') {
+                termData = JSON.parse(termData.terms);
+            } else {
+                if (! termData.type) {
+                    termData.type = this.termType;
+                }
+            }
+
+            return termData;
+        }
+
+        insertTerm(termData, termIndex) {
+            let label = super.insertTerm(termData, termIndex);
+
+            if (termIndex === this.usedTerms.length - 1) {
+                this.termType = this.nextTermType(termData);
+            } else {
+                let next = this.termContainer.querySelector(`[data-index="${ termIndex + 1 }"]`);
+                this.checkValidity(next.firstChild, next.dataset.type, termIndex + 1);
+            }
+
+            return label;
+        }
+
+        insertRenderedTerm(label) {
+            let termIndex = Number(label.dataset.index);
+            if (label.dataset.counterpart >= 0) {
+                let otherLabel = this.termContainer.querySelector(`[data-index="${ label.dataset.counterpart }"]`);
+                if (otherLabel !== null) {
+                    otherLabel.dataset.counterpart = termIndex;
+                    this.checkValidity(otherLabel.firstChild);
+                }
+            }
+
+            let previous = this.termContainer.querySelector(`[data-index="${ termIndex - 1 }"]`);
+            switch (label.dataset.type) {
+                case 'column':
+                    let newCondition = this.renderCondition();
+                    newCondition.appendChild(label);
+
+                    if (previous) {
+                        previous.parentNode.insertBefore(newCondition, previous.nextSibling);
+                    } else {
+                        this.termContainer.insertBefore(newCondition, this.termContainer.firstChild);
+                    }
+
+                    break;
+                case 'operator':
+                case 'value':
+                    previous.parentNode.appendChild(label);
+                    break;
+                case 'logical_operator':
+                    if (previous) {
+                        if (previous.parentNode.dataset.groupType === 'condition') {
+                            previous.parentNode.parentNode.insertBefore(label, previous.parentNode.nextSibling);
+                        } else {
+                            previous.parentNode.insertBefore(label, previous.nextSibling);
+                        }
+                    } else {
+                        this.termContainer.insertBefore(label, this.termContainer.firstChild);
+                    }
+
+                    break;
+                case 'negation_operator':
+                    if (previous) {
+                        previous.parentNode.insertBefore(label, previous.nextSibling);
+                    } else {
+                        this.termContainer.insertBefore(label, this.termContainer.firstChild);
+                    }
+
+                    break;
+                case 'grouping_operator':
+                    if (this.isGroupOpen(label.dataset)) {
+                        if (label.dataset.counterpart >= 0) {
+                            let counterpart = this.termContainer.querySelector(
+                                `[data-index="${ label.dataset.counterpart }"]`
+                            );
+                            counterpart.parentNode.insertBefore(label, counterpart.parentNode.firstChild);
+                        } else {
+                            let newGroup = this.renderChain();
+                            newGroup.appendChild(label);
+
+                            let sibling = previous ? previous.nextSibling : this.termContainer.firstChild;
+                            while (sibling !== null && sibling.dataset.type !== 'grouping_operator') {
+                                let nextSibling = sibling.nextSibling;
+                                newGroup.appendChild(sibling);
+                                sibling = nextSibling;
+                            }
+
+                            if (previous) {
+                                previous.parentNode.insertBefore(newGroup, previous.nextSibling);
+                            } else {
+                                // newGroup should be now the only child then
+                                this.termContainer.appendChild(newGroup);
+                            }
+                        }
+                    } else {
+                        let chain = this.termContainer.querySelector(
+                            `[data-index="${ label.dataset.counterpart }"]`
+                        ).parentNode;
+                        if (previous.parentNode.dataset.groupType && previous.parentNode !== chain) {
+                            previous = previous.parentNode;
+                        }
+
+                        if (previous.parentNode !== chain) {
+                            // The op is being moved by the user again, after it was already moved
+                            let sibling = previous;
+                            let lastSibling = null;
+                            while (sibling !== null && sibling !== chain) {
+                                let previousSibling = sibling.previousSibling;
+                                chain.insertBefore(sibling, lastSibling);
+                                lastSibling = sibling;
+                                sibling = previousSibling;
+                            }
+                        }
+
+                        // There may be terms following in the same level which now should be a level above
+                        let sibling = previous.nextSibling;
+                        let refNode = chain.nextSibling;
+                        while (sibling !== null) {
+                            let nextSibling = sibling.nextSibling;
+                            chain.parentNode.insertBefore(sibling, refNode);
+                            sibling = nextSibling;
+                        }
+
+                        chain.appendChild(label);
+                    }
+            }
+
+            if (termIndex === this.usedTerms.length - 1) {
+                this.identifyLastRenderedTerm();
+            }
+
+            return label;
+        }
+
+        addTerm(termData, termIndex = null) {
+            super.addTerm(termData, termIndex);
+
+            if (termData.counterpart >= 0) {
+                let otherLabel = this.termContainer.querySelector(`[data-index="${ termData.counterpart }"]`);
+                if (otherLabel !== null) {
+                    otherLabel.dataset.counterpart = termIndex || this.usedTerms[termData.counterpart].counterpart;
+                    this.checkValidity(otherLabel.firstChild);
+                }
+            }
+
+            this.termType = this.nextTermType(termData);
+        }
+
+        addRenderedTerm(label) {
+            let newGroup = null;
+            let leaveGroup = false;
+            let currentGroup = null;
+
+            switch (label.dataset.type) {
+                case 'column':
+                    newGroup = this.renderCondition();
+                    break;
+                case 'grouping_operator':
+                    if (this.isGroupOpen(label.dataset)) {
+                        newGroup = this.renderChain();
+                    } else {
+                        let termIndex = Number(label.dataset.index);
+                        let previous = this.termContainer.querySelector(`[data-index="${ termIndex - 1 }"]`);
+
+                        currentGroup = this.termContainer.querySelector(
+                            `[data-index="${ label.dataset.counterpart }"]`
+                        ).parentNode;
+                        if (previous.parentNode.dataset.groupType && previous.parentNode !== currentGroup) {
+                            previous = previous.parentNode;
+                        }
+
+                        if (previous.parentNode !== currentGroup) {
+                            // The op is being moved by the user again, after it was already moved
+                            let sibling = previous;
+                            let lastSibling = null;
+                            while (sibling !== null && sibling !== currentGroup) {
+                                let previousSibling = sibling.previousSibling;
+                                currentGroup.insertBefore(sibling, lastSibling);
+                                lastSibling = sibling;
+                                sibling = previousSibling;
+                            }
+                        }
+                    }
+
+                    break;
+                case 'logical_operator':
+                    currentGroup = this.currentGroup;
+                    leaveGroup = currentGroup.dataset.groupType === 'condition';
+            }
+
+            if (currentGroup === null) {
+                currentGroup = this.currentGroup;
+            }
+
+            if (newGroup !== null) {
+                newGroup.appendChild(label);
+                currentGroup.appendChild(newGroup);
+            } else if (leaveGroup) {
+                currentGroup.parentNode.appendChild(label);
+            } else {
+                currentGroup.appendChild(label);
+            }
+
+            this.identifyLastRenderedTerm();
+        }
+
+        identifyLastRenderedTerm() {
+            let lastTerm = Array.from(this.termContainer.querySelectorAll('[data-index]')).pop();
+            if (! lastTerm) {
+                return;
+            }
+
+            let lastLabel = this.termContainer.querySelector('.last-term');
+            if (lastLabel !== null) {
+                if (lastLabel === lastTerm) {
+                    return;
+                }
+
+                lastLabel.classList.remove('last-term');
+            }
+
+            lastTerm.classList.add('last-term');
+        }
+
+        saveTerm(input, updateDOM = true, force = false) {
+            if (! this.checkValidity(input)) {
+                return false;
+            }
+
+            return super.saveTerm(input, updateDOM, force);
+        }
+
+        termsToQueryString(terms) {
+            if (! this.input.form.checkValidity()) {
+                let filtered = [];
+                for (let i = 0; i < terms.length; i++) {
+                    const input = this.termContainer.querySelector(`[data-index="${ i }"] > input`);
+                    if (input === null || this.isGroupOpen(terms[i]) || input.checkValidity()) {
+                        filtered.push(terms[i]);
+                    } else if (input) {
+                        // Ignore all terms after an invalid one
+                        break;
+                    }
+                }
+
+                terms = filtered;
+            }
+
+            return super.termsToQueryString(terms);
+        }
+
+        removeTerm(label, updateDOM = true) {
+            let termIndex = Number(label.dataset.index);
+            if (termIndex < this.usedTerms.length - 1) {
+                // It's not the last term
+                if (! this.checkValidity(label.firstChild, label.dataset.type, termIndex)) {
+                    this.reportValidity(label.firstChild);
+                    return false;
+                }
+            }
+
+            let termData = super.removeTerm(label, updateDOM);
+
+            if (this.hasTerms()) {
+                if (termIndex === this.usedTerms.length) {
+                    // It's been the last term
+                    this.termType = this.nextTermType(this.lastTerm());
+                }
+
+                if (termData.counterpart >= 0) {
+                    let otherLabel = this.termContainer.querySelector(`[data-index="${ termData.counterpart }"]`);
+                    delete this.usedTerms[otherLabel.dataset.index].counterpart;
+                    delete otherLabel.dataset.counterpart;
+                    this.checkValidity(otherLabel.firstChild);
+                }
+            } else {
+                this.termType = 'column';
+            }
+
+            return termData;
+        }
+
+        removeRange(labels) {
+            let removedTerms = super.removeRange(labels);
+
+            if (this.hasTerms()) {
+                this.termType = this.nextTermType(this.lastTerm());
+
+                labels.forEach((label) => {
+                    if (label.dataset.counterpart >= 0) {
+                        let otherLabel = this.termContainer.querySelector(
+                            `[data-counterpart="${ label.dataset.index }"]`
+                        );
+                        if (otherLabel !== null) {
+                            delete this.usedTerms[otherLabel.dataset.index].counterpart;
+                            delete otherLabel.dataset.counterpart;
+                            this.checkValidity(otherLabel.firstChild);
+                        }
+                    }
+                });
+            } else {
+                this.termType = 'column';
+            }
+
+            return removedTerms;
+        }
+
+        removeRenderedTerm(label) {
+            let parent = label.parentNode;
+            let children = parent.querySelectorAll(':scope > [data-index], :scope > [data-group-type]');
+            if (parent.dataset.groupType && children.length === 1) {
+                // If the parent is a group and the label is the only child, we can remove the entire group
+                parent.remove();
+            } else {
+                super.removeRenderedTerm(label);
+
+                if (parent.dataset.groupType === 'chain') {
+                    // Get a new nodes list first, otherwise the removed label is still part of it
+                    children = parent.querySelectorAll(':scope > [data-index], :scope > [data-group-type]');
+                    let hasNoGroupOperators = children[0].dataset.type !== 'grouping_operator'
+                        && children[children.length - 1].dataset.type !== 'grouping_operator';
+                    if (hasNoGroupOperators) {
+                        // Unwrap remaining terms, remove the resulting empty group
+                        Array.from(children).forEach(child => parent.parentNode.insertBefore(child, parent));
+                        parent.remove();
+                    }
+                }
+            }
+
+            if (Number(label.dataset.index) >= this.usedTerms.length - 1) {
+                this.identifyLastRenderedTerm();
+            }
+        }
+
+        removeRenderedRange(labels) {
+            let to = Number(labels[labels.length - 1].dataset.index);
+
+            while (labels.length) {
+                let label = labels.shift();
+                let parent = label.parentNode;
+                if (parent.dataset.groupType && label === parent.firstChild) {
+                    let counterpartIndex = Number(label.dataset.counterpart);
+                    if (isNaN(counterpartIndex)) {
+                        counterpartIndex = Number(
+                            Array.from(parent.querySelectorAll(':scope > [data-index]')).pop().dataset.index
+                        );
+                    }
+
+                    if (counterpartIndex <= to) {
+                        // If the parent's terms are all to be removed, we'll remove the
+                        // entire parent to keep the DOM operations as efficient as possible
+                        parent.remove();
+
+                        labels.splice(0, counterpartIndex - Number(label.dataset.index));
+                        continue;
+                    }
+                }
+
+                this.removeRenderedTerm(label);
+            }
+        }
+
+        reIndexTerms(from, howMuch = 1, forward = false) {
+            let fromLabel = this.termContainer.querySelector(`[data-index="${ from }"]`);
+
+            super.reIndexTerms(from, howMuch, forward);
+
+            let _this = this;
+            this.termContainer.querySelectorAll('[data-counterpart]').forEach(label => {
+                let counterpartIndex = Number(label.dataset.counterpart);
+                if ((forward && counterpartIndex >= from) || (! forward && counterpartIndex > from)) {
+                    counterpartIndex += forward ? howMuch : -howMuch;
+
+                    let termIndex = Number(label.dataset.index);
+                    if (
+                        (! forward && termIndex > from - howMuch && label !== fromLabel)
+                        || (forward && termIndex >= from)
+                    ) {
+                        // Make sure to use the previous index to access usedTerms, it's not adjusted yet
+                        termIndex += forward ? -howMuch : howMuch;
+                    }
+
+                    label.dataset.counterpart = `${ counterpartIndex }`;
+                    _this.usedTerms[termIndex].counterpart = `${ counterpartIndex }`;
+                }
+            });
+        }
+
+        complete(input, data) {
+            let termIndex = Number(input.parentNode.dataset.index);
+            if (termIndex >= 0) {
+                data.term.type = this.usedTerms[termIndex].type;
+            } else {
+                termIndex = this.usedTerms.length;
+                data.term.type = this.termType;
+            }
+
+            // Special cases
+            switch (data.term.type) {
+                case 'grouping_operator':
+                case 'negation_operator':
+                    return;
+                case 'column':
+                    data.showQuickSearch = termIndex === this.usedTerms.length;
+                    break;
+                case 'value':
+                    let terms = [ ...this.usedTerms ];
+                    terms.splice(termIndex - 2, 3, { type: 'column', search: '' },
+                        { type: 'operator', search: '' }, { type: 'value', search: '' });
+
+                    data.searchFilter = this.termsToQueryString(terms);
+                    break;
+                case 'operator':
+                case 'logical_operator':
+                    let suggestions = this.validOperator(
+                        data.trigger === 'script' ? '': data.term.label, data.term.type, termIndex);
+                    if (suggestions.exactMatch) {
+                        // User typed a suggestion manually, don't show the same suggestion again
+                        return;
+                    }
+
+                    data.suggestions = this.renderSuggestions(suggestions);
+            }
+
+            // Additional metadata
+            switch (data.term.type) {
+                case 'value':
+                    data.operator = this.usedTerms[--termIndex].search;
+                case 'operator':
+                    data.column = this.usedTerms[--termIndex].search;
+            }
+
+            super.complete(input, data);
+        }
+
+        nextTermType(termData) {
+            switch (termData.type) {
+                case 'column':
+                    return 'operator';
+                case 'operator':
+                    return 'value';
+                case 'value':
+                    return 'logical_operator';
+                case 'logical_operator':
+                case 'negation_operator':
+                    return 'column';
+                case 'grouping_operator':
+                    return this.isGroupOpen(termData) ? 'column' : 'logical_operator';
+            }
+        }
+
+        get currentGroup() {
+            let label = Array.from(this.termContainer.querySelectorAll('[data-index]')).pop();
+            if (! label) {
+                return this.termContainer;
+            }
+
+            let termData = this.usedTerms[label.dataset.index];
+            switch (termData.type) {
+                case 'grouping_operator':
+                    if (this.isGroupOpen(termData)) {
+                        break;
+                    }
+                case 'value':
+                    return label.parentNode.parentNode;
+            }
+
+            return label.parentNode;
+        }
+
+        lastPendingGroupOpen(before) {
+            let level = 0;
+            for (let i = before - 1; i >= 0 && i < this.usedTerms.length; i--) {
+                let termData = this.usedTerms[i];
+
+                if (termData.type === 'grouping_operator') {
+                    if (this.isGroupOpen(termData)) {
+                        if (level === 0) {
+                            return typeof termData.counterpart === 'undefined' ? i : null;
+                        }
+
+                        level++;
+                    } else {
+                        if (termData.counterpart >= 0) {
+                            i = termData.counterpart;
+                        } else {
+                            level--;
+                        }
+                    }
+                }
+            }
+
+            return null;
+        }
+
+        nextPendingGroupClose(after) {
+            let level = 0;
+            for (let i = after + 1; i < this.usedTerms.length; i++) {
+                let termData = this.usedTerms[i];
+
+                if (termData.type === 'grouping_operator') {
+                    if (this.isGroupClose(termData)) {
+                        if (level === 0) {
+                            return typeof termData.counterpart === 'undefined' ? i : null;
+                        }
+
+                        level--;
+                    } else {
+                        if (termData.counterpart >= 0) {
+                            i = termData.counterpart;
+                        } else {
+                            level++;
+                        }
+                    }
+                }
+            }
+
+            return null;
+        }
+
+        isGroupOpen(termData) {
+            return termData.type === 'grouping_operator' && termData.search === this.grouping_operators.open.search;
+        }
+
+        isGroupClose(termData) {
+            return termData.type === 'grouping_operator' && termData.search === this.grouping_operators.close.search;
+        }
+
+        getOperator(value, termType = null) {
+            if (termType === null) {
+                termType = this.termType;
+            }
+
+            let operators;
+            switch (termType) {
+                case 'operator':
+                    operators = this.relational_operators;
+                    break;
+                case 'logical_operator':
+                    operators = this.logical_operators;
+                    break;
+            }
+
+            value = value.toLowerCase();
+            return operators.find((term) => {
+                return value === term.label.toLowerCase() || value === term.search.toLowerCase();
+            }) || null;
+        }
+
+        matchOperators(operators, value) {
+            value = value.toLowerCase();
+
+            let exactMatch = false;
+            let partialMatch = false;
+            let filtered = operators.filter((op) => {
+                let label = op.label.toLowerCase();
+                let search = op.search.toLowerCase();
+
+                if (
+                    (value.length < label.length && value === label.slice(0, value.length))
+                    || (value.length < search.length && value === search.slice(0, value.length))
+                ) {
+                    partialMatch = true;
+                    return true;
+                }
+
+                if (value === label || value === search) {
+                    exactMatch = true;
+                    return true;
+                }
+
+                return false;
+            });
+
+            if (exactMatch || partialMatch) {
+                operators = filtered;
+            }
+
+            operators.exactMatch = exactMatch && ! partialMatch;
+            operators.partialMatches = partialMatch;
+
+            return operators;
+        }
+
+        nextOperator(value, currentValue, termType = null, termIndex = null) {
+            let operators = [];
+
+            if (termType === null) {
+                termType = this.termType;
+            }
+
+            if (termIndex === null && termType === 'column' && ! currentValue) {
+                switch (true) {
+                    case ! this.hasTerms():
+                    case this.lastTerm().type === 'logical_operator':
+                    case this.isGroupOpen(this.lastTerm()):
+                        operators.push(this.grouping_operators.open);
+                        operators.push(this.negationOperator);
+                }
+            } else if (termIndex === -1) {
+                // This is more of a `previousOperator` thing here
+                switch (termType) {
+                    case 'column':
+                        operators = operators.concat(this.logical_operators);
+                    case 'logical_operator':
+                        operators.push(this.grouping_operators.open);
+                        operators.push(this.negationOperator);
+                        break;
+                    case 'negation_operator':
+                        operators = operators.concat(this.logical_operators);
+                        operators.push(this.grouping_operators.open);
+                        break;
+                    case 'grouping_operator':
+                        if (this.isGroupOpen(this.usedTerms[0])) {
+                            operators.push(this.grouping_operators.open);
+                            operators.push(this.negationOperator);
+                        }
+                }
+            } else {
+                let nextIndex = termIndex === null ? this.usedTerms.length : termIndex + 1;
+                switch (termType) {
+                    case 'column':
+                        operators = operators.concat(this.relational_operators);
+
+                        if (! currentValue || (termIndex !== null && termIndex < this.usedTerms.length)) {
+                            operators.push(this.grouping_operators.open);
+                            operators.push(this.negationOperator);
+                        }
+                    case 'operator':
+                    case 'value':
+                        operators = operators.concat(this.logical_operators);
+
+                        if (this.lastPendingGroupOpen(nextIndex) !== null) {
+                            operators.push(this.grouping_operators.close);
+                        }
+
+                        break;
+                    case 'logical_operator':
+                        if (this.lastPendingGroupOpen(nextIndex) !== null) {
+                            operators.push(this.grouping_operators.close);
+                        }
+
+                        if (termIndex !== null && termIndex < this.usedTerms.length) {
+                            operators.push(this.grouping_operators.open);
+                            operators.push(this.negationOperator);
+                        }
+
+                        break;
+                    case 'negation_operator':
+                        operators.push(this.grouping_operators.open);
+
+                        break;
+                    case 'grouping_operator':
+                        let termData = this.usedTerms[termIndex];
+                        if (this.isGroupOpen(termData)) {
+                            operators.push(this.grouping_operators.open);
+                            operators.push(this.negationOperator);
+                        } else {
+                            operators = operators.concat(this.logical_operators);
+
+                            if (this.lastPendingGroupOpen(nextIndex)) {
+                                operators.push(this.grouping_operators.close);
+                            }
+                        }
+                }
+            }
+
+            return value ? this.matchOperators(operators, value) : operators;
+        }
+
+        validOperator(value, termType = null, termIndex = null) {
+            let operators = [];
+
+            if (termType === null) {
+                termType = this.termType;
+            }
+
+            switch (termType) {
+                case 'operator':
+                    operators = operators.concat(this.relational_operators);
+                    break;
+                case 'logical_operator':
+                    operators = operators.concat(this.logical_operators);
+                    break;
+                case 'negation_operator':
+                    operators.push(this.negationOperator);
+                    break;
+                case 'grouping_operator':
+                    let termData = this.usedTerms[termIndex];
+                    if (termData.counterpart >= 0) {
+                        let counterpart = this.usedTerms[termData.counterpart];
+                        if (this.isGroupOpen(counterpart)) {
+                            operators.push(this.grouping_operators.close);
+                        } else {
+                            operators.push(this.grouping_operators.open);
+                        }
+                    }
+            }
+
+            return value ? this.matchOperators(operators, value) : operators;
+        }
+
+        checkValidity(input, type = null, termIndex = null) {
+            if (type === null) {
+                type = input.parentNode.dataset.type;
+            }
+
+            if (input.pattern && ! input.checkValidity()) {
+                if (! input.value.match(input.pattern)) {
+                    if (input.dataset.invalidMsg) {
+                        input.setCustomValidity(input.dataset.invalidMsg);
+                    }
+
+                    return false;
+                }
+
+                input.setCustomValidity('');
+            }
+
+            if (! type || type === 'value') {
+                // type is undefined for the main input, values have no special validity rules
+                return input.checkValidity();
+            }
+
+            if (termIndex === null && input.parentNode.dataset.index >= 0) {
+                termIndex = Number(input.parentNode.dataset.index);
+            }
+
+            let value = this.readPartialTerm(input);
+
+            let options;
+            switch (type) {
+                case 'operator':
+                case 'logical_operator':
+                case 'negation_operator':
+                case 'grouping_operator':
+                    options = this.validOperator(value, type, termIndex);
+            }
+
+            let message = '';
+            if (type === 'column') {
+                let nextTermAt = termIndex + 1;
+                if (! value && nextTermAt < this.usedTerms.length && this.usedTerms[nextTermAt].type === 'operator') {
+                    message = this.input.dataset.chooseColumn;
+                }
+            } else {
+                let isRequired = ! options.exactMatch;
+                if ((options.partialMatches && options.length > 1) || (type === 'negation_operator' && ! value)) {
+                    isRequired = false;
+                } else if (type === 'operator' && ! value) {
+                    let nextTermAt = termIndex + 1;
+                    isRequired = nextTermAt < this.usedTerms.length && this.usedTerms[nextTermAt].type === 'value';
+                } else if (type === 'logical_operator' && ! value) {
+                    if (termIndex === 0 || termIndex === this.usedTerms.length - 1) {
+                        isRequired = false;
+                    } else {
+                        isRequired = ! this.isGroupOpen(this.usedTerms[termIndex - 1])
+                            && ! this.isGroupClose(this.usedTerms[termIndex + 1])
+                            && this.usedTerms[termIndex - 1].type !== 'logical_operator'
+                            && this.usedTerms[termIndex + 1].type !== 'logical_operator';
+                    }
+                } else if (type === 'grouping_operator') {
+                    if (typeof this.usedTerms[termIndex].counterpart === 'undefined') {
+                        if (value) {
+                            message = this.input.dataset.incompleteGroup;
+                        }
+
+                        isRequired = false;
+                    } else if (! value) {
+                        isRequired = false;
+                    }
+                }
+
+                if (isRequired) {
+                    message = this.input.dataset.chooseTemplate.replace(
+                        '%s',
+                        options.map(e => e.label).join(', ')
+                    );
+                }
+            }
+
+            if (! message && termIndex > 0 && type !== 'logical_operator') {
+                let previousTerm = this.usedTerms[termIndex - 1];
+
+                let missingLogicalOp = true;
+                switch (type) {
+                    case 'column':
+                        missingLogicalOp = ! ['logical_operator', 'negation_operator'].includes(previousTerm.type)
+                            && ! this.isGroupOpen(previousTerm);
+                        break;
+                    case 'operator':
+                        missingLogicalOp = previousTerm.type !== 'column';
+                        break;
+                    case 'value':
+                        missingLogicalOp = previousTerm.type !== 'operator';
+                        break;
+                    case 'negation_operator':
+                        missingLogicalOp = previousTerm.type !== 'logical_operator'
+                            && ! this.isGroupOpen(previousTerm);
+                        break;
+                    case 'grouping_operator':
+                        if (value === this.grouping_operators.open.label) {
+                            missingLogicalOp = ! ['logical_operator', 'negation_operator'].includes(previousTerm.type)
+                                && ! this.isGroupOpen(previousTerm);
+                        } else {
+                            missingLogicalOp = false;
+                        }
+                }
+
+                if (missingLogicalOp) {
+                    message = this.input.dataset.missingLogOp;
+                }
+            }
+
+            input.setCustomValidity(message);
+            return input.checkValidity();
+        }
+
+        reportValidity(element) {
+            setTimeout(() => element.reportValidity(), 0);
+        }
+
+        renderSuggestions(suggestions) {
+            let itemTemplate = $.render('<li><input type="button" tabindex="-1"></li>');
+
+            let list = document.createElement('ul');
+
+            suggestions.forEach((term) => {
+                let item = itemTemplate.cloneNode(true);
+                item.firstChild.value = term.label;
+
+                for (let name in term) {
+                    if (name === 'default') {
+                        if (term[name]) {
+                            item.classList.add('default');
+                        }
+                    } else {
+                        item.firstChild.dataset[name] = term[name];
+                    }
+                }
+
+                list.appendChild(item);
+            });
+
+            return list;
+        }
+
+        renderPreview(content) {
+            return $.render('<span>' + content + '</span>');
+        }
+
+        renderCondition() {
+            return $.render(
+                '<div class="filter-condition" data-group-type="condition">'
+                + '<button type="button"><i class="icon fa fa-trash"></i></button>'
+                + '</div>'
+            );
+        }
+
+        renderChain() {
+            return $.render('<div class="filter-chain" data-group-type="chain"></div>');
+        }
+
+        renderTerm(termData, termIndex) {
+            let label = super.renderTerm(termData, termIndex);
+            label.dataset.type = termData.type;
+
+            if (! termData.class) {
+                label.classList.add(termData.type);
+            }
+
+            if (termData.counterpart >= 0) {
+                label.dataset.counterpart = termData.counterpart;
+            }
+
+            return label;
+        }
+
+        autoSubmit(input, changeType, changedTerms) {
+            if (this.shouldNotAutoSubmit()) {
+                return;
+            }
+
+            let changedIndices = Object.keys(changedTerms).sort((a, b) => a - b);
+            if (! changedIndices.length) {
+                return;
+            }
+
+            let lastTermAt;
+            switch (changeType) {
+                case 'add':
+                case 'exchange':
+                    lastTermAt = changedIndices.pop();
+                    if (changedTerms[lastTermAt].type === 'value') {
+                        if (! changedIndices.length) {
+                            changedTerms = {
+                                ...{
+                                    [lastTermAt - 2]: this.usedTerms[lastTermAt - 2],
+                                    [lastTermAt - 1]: this.usedTerms[lastTermAt - 1]
+                                },
+                                ...changedTerms
+                            };
+                        }
+
+                        break;
+                    } else if (this.isGroupClose(changedTerms[lastTermAt])) {
+                        break;
+                    }
+
+                    return;
+                case 'insert':
+                    lastTermAt = changedIndices.pop();
+                    if ((changedTerms[lastTermAt].type === 'value' && changedIndices.length)
+                        || this.isGroupClose(changedTerms[lastTermAt])
+                        || (changedTerms[lastTermAt].type === 'negation_operator'
+                            && lastTermAt < this.usedTerms.length - 1
+                        )
+                    ) {
+                        break;
+                    }
+
+                    return;
+                case 'save':
+                    let updateAt = changedIndices[0];
+                    let valueAt = updateAt;
+                    switch (changedTerms[updateAt].type) {
+                        case 'column':
+                            if (changedTerms[updateAt].label !== this.usedTerms[updateAt].label) {
+                                return;
+                            }
+
+                            valueAt++;
+                        case 'operator':
+                            valueAt++;
+                    }
+
+                    if (valueAt === updateAt) {
+                        if (changedIndices.length === 1) {
+                            changedTerms = {
+                                ...{
+                                    [valueAt - 2]: this.usedTerms[valueAt - 2],
+                                    [valueAt - 1]: this.usedTerms[valueAt - 1]
+                                },
+                                ...changedTerms
+                            };
+                        }
+
+                        break;
+                    } else if (this.usedTerms.length > valueAt && this.usedTerms[valueAt].type === 'value') {
+                        break;
+                    }
+
+                    return;
+                case 'remove':
+                    let firstTermAt = changedIndices.shift();
+                    if (changedTerms[firstTermAt].type === 'column'
+                        || this.isGroupOpen(changedTerms[firstTermAt])
+                        || changedTerms[firstTermAt].type === 'negation_operator'
+                        || (changedTerms[firstTermAt].type === 'logical_operator' && changedIndices.length)
+                    ) {
+                        break;
+                    }
+
+                    return;
+            }
+
+            super.autoSubmit(input, changeType, changedTerms);
+        }
+
+        encodeTerm(termData) {
+            if (termData.type === 'column' || termData.type === 'value') {
+                termData = super.encodeTerm(termData);
+                termData.search = termData.search.replace(
+                    /[()]/g,
+                    function(c) {
+                        return '%' + c.charCodeAt(0).toString(16);
+                    }
+                );
+            }
+
+            return termData;
+        }
+
+        highlightTerm(label, highlightedBy = null) {
+            label.classList.add('highlighted');
+
+            let canBeHighlighted = (label) => ! ('highlightedBy' in label.dataset)
+                && label.firstChild !== document.activeElement
+                && (this.completer === null
+                    || ! this.completer.isBeingCompleted(label.firstChild)
+                );
+
+            if (highlightedBy !== null) {
+                if (canBeHighlighted(label)) {
+                    label.dataset.highlightedBy = highlightedBy;
+                }
+            } else {
+                highlightedBy = label.dataset.index;
+            }
+
+            let negationAt, previousIndex, nextIndex;
+            switch (label.dataset.type) {
+                case 'column':
+                case 'operator':
+                case 'value':
+                    label.parentNode.querySelectorAll(':scope > [data-index]').forEach((otherLabel) => {
+                        if (otherLabel !== label && canBeHighlighted(otherLabel)) {
+                            otherLabel.classList.add('highlighted');
+                            otherLabel.dataset.highlightedBy = highlightedBy;
+                        }
+                    });
+
+                    negationAt = Number(label.dataset.index) - (
+                        label.dataset.type === 'column'
+                            ? 1 : label.dataset.type === 'operator'
+                                ? 2 : 3
+                    );
+                    if (negationAt >= 0 && this.usedTerms[negationAt].type === 'negation_operator') {
+                        let negationLabel = this.termContainer.querySelector(`[data-index="${ negationAt }"]`);
+                        if (negationLabel !== null && canBeHighlighted(negationLabel)) {
+                            negationLabel.classList.add('highlighted');
+                            negationLabel.dataset.highlightedBy = highlightedBy;
+                        }
+                    }
+
+                    break;
+                case 'logical_operator':
+                    previousIndex = Number(label.dataset.index) - 1;
+                    if (previousIndex >= 0 && this.usedTerms[previousIndex].type !== 'logical_operator') {
+                        this.highlightTerm(
+                            this.termContainer.querySelector(`[data-index="${ previousIndex }"]`),
+                            highlightedBy
+                        );
+                    }
+
+                    nextIndex = Number(label.dataset.index) + 1;
+                    if (nextIndex < this.usedTerms.length && this.usedTerms[nextIndex].type !== 'logical_operator') {
+                        this.highlightTerm(
+                            this.termContainer.querySelector(`[data-index="${ nextIndex }"]`),
+                            highlightedBy
+                        );
+                    }
+
+                    break;
+                case 'negation_operator':
+                    nextIndex = Number(label.dataset.index) + 1;
+                    if (nextIndex < this.usedTerms.length) {
+                        this.highlightTerm(
+                            this.termContainer.querySelector(`[data-index="${ nextIndex }"]`),
+                            highlightedBy
+                        );
+                    }
+
+                    break;
+                case 'grouping_operator':
+                    negationAt = null;
+                    if (this.isGroupOpen(label.dataset)) {
+                        negationAt = Number(label.dataset.index) - 1;
+                    }
+
+                    if (label.dataset.counterpart >= 0) {
+                        let otherLabel = this.termContainer.querySelector(
+                            `[data-index="${ label.dataset.counterpart }"]`
+                        );
+                        if (otherLabel !== null) {
+                            if (negationAt === null) {
+                                negationAt = Number(otherLabel.dataset.index) - 1;
+                            }
+
+                            if (canBeHighlighted(otherLabel)) {
+                                otherLabel.classList.add('highlighted');
+                                otherLabel.dataset.highlightedBy = highlightedBy;
+                            }
+                        }
+                    }
+
+                    if (negationAt >= 0 && this.usedTerms[negationAt].type === 'negation_operator') {
+                        let negationLabel = this.termContainer.querySelector(`[data-index="${ negationAt }"]`);
+                        if (negationLabel !== null && canBeHighlighted(negationLabel)) {
+                            negationLabel.classList.add('highlighted');
+                            negationLabel.dataset.highlightedBy = highlightedBy;
+                        }
+                    }
+            }
+        }
+
+        deHighlightTerm(label) {
+            if (! ('highlightedBy' in label.dataset)) {
+                label.classList.remove('highlighted');
+            }
+
+            this.termContainer.querySelectorAll(`[data-highlighted-by="${ label.dataset.index }"]`).forEach(
+                (label) => {
+                    label.classList.remove('highlighted');
+                    delete label.dataset.highlightedBy;
+                }
+            );
+        }
+
+        /**
+         * Event listeners
+         */
+
+        onTermFocusOut(event) {
+            let label = event.currentTarget;
+            if (this.completer === null || ! this.completer.isBeingCompleted(label.firstChild, event.relatedTarget)) {
+                this.deHighlightTerm(label);
+            }
+
+            if (['column', 'value'].includes(label.dataset.type) || ! this.readPartialTerm(label.firstChild)) {
+                super.onTermFocusOut(event);
+            }
+        }
+
+        onTermFocus(event) {
+            let input = event.target;
+            let termType = input.parentNode.dataset.type || this.termType;
+
+            if (input.parentNode.dataset.index >= 0) {
+                if (
+                    ! this.checkValidity(input, termType)
+                    && termType !== 'operator'
+                    && termType !== 'logical_operator'
+                ) {
+                    this.reportValidity(input);
+                }
+
+                this.highlightTerm(input.parentNode);
+            }
+
+            let value = this.readPartialTerm(input);
+            if (! value && (termType === 'column' || termType === 'value')) {
+                // No automatic suggestions without input
+                return;
+            }
+
+            super.onTermFocus(event);
+        }
+
+        onTermClick(event) {
+            if (this.disabled) {
+                return;
+            }
+
+            let input = event.target;
+            let termType = input.parentNode.dataset.type;
+
+            if (['logical_operator', 'operator'].includes(termType)) {
+                this.complete(input, { trigger: 'script', term: { label: this.readPartialTerm(input) } });
+            }
+        }
+
+        onTermHover(event) {
+            if (this.disabled) {
+                return;
+            }
+
+            let label = event.currentTarget;
+
+            if (['column', 'operator', 'value'].includes(label.dataset.type)) {
+                // This adds a class to delay the remove button. If it's shown instantly upon hover
+                // it's too easy to accidentally click it instead of the desired grouping operator.
+                label.parentNode.classList.add('_hover_delay');
+                setTimeout(function () {
+                    label.parentNode.classList.remove('_hover_delay');
+                }, 500);
+            }
+
+            this.highlightTerm(label);
+        }
+
+        onTermLeave(event) {
+            if (this.disabled) {
+                return;
+            }
+
+            let label = event.currentTarget;
+            if (label.firstChild !== document.activeElement
+                && (this.completer === null || ! this.completer.isBeingCompleted(label.firstChild))
+            ) {
+                this.deHighlightTerm(label);
+            }
+        }
+
+        onRemoveCondition(event) {
+            let button = event.target.closest('button');
+            let labels = Array.from(button.parentNode.querySelectorAll(':scope > [data-index]'));
+
+            let previous = button.parentNode.previousSibling;
+            let next = button.parentNode.nextSibling;
+
+            while (previous !== null || next !== null) {
+                if (previous !== null && previous.dataset.type === 'negation_operator') {
+                    labels.unshift(previous);
+                    previous = previous.previousSibling;
+                }
+
+                if (next !== null && next.dataset.type === 'logical_operator') {
+                    labels.push(next);
+                    next = next.nextSibling;
+                } else if (previous !== null && previous.dataset.type === 'logical_operator') {
+                    labels.unshift(previous);
+                    previous = previous.previousSibling;
+                }
+
+                if (
+                    previous && previous.dataset.type === 'grouping_operator'
+                    && next && next.dataset.type === 'grouping_operator'
+                ) {
+                    labels.unshift(previous);
+                    labels.push(next);
+                    previous = next.parentNode !== null ? next.parentNode.previousSibling : null;
+                    next = next.parentNode !== null ? next.parentNode.nextSibling : null;
+                } else {
+                    break
+                }
+            }
+
+            this.autoSubmit(this.input, 'remove', this.removeRange(labels));
+            this.togglePlaceholder();
+        }
+
+        onCompletion(event) {
+            super.onCompletion(event);
+
+            let input = event.target;
+            this.checkValidity(input);
+
+            if (input.parentNode.dataset.index >= 0) {
+                return;
+            }
+
+            if (this.termType === 'operator' || this.termType === 'logical_operator') {
+                this.complete(this.input, { term: { label: '' } });
+            }
+        }
+
+        onKeyDown(event) {
+            super.onKeyDown(event);
+            if (event.defaultPrevented) {
+                return;
+            }
+
+            let input = event.target;
+            let isTerm = input.parentNode.dataset.index >= 0;
+
+            if (this.hasSyntaxError(input)) {
+                return;
+            }
+
+            let currentValue = this.readPartialTerm(input);
+            if (isTerm && ! currentValue) {
+                // Switching contexts requires input first
+                return;
+            } else if (input.selectionStart !== input.selectionEnd) {
+                // In case the user selected a range of text, do nothing
+                return;
+            } else if (/[A-Z]/.test(event.key.charAt(0)) || event.ctrlKey || event.metaKey) {
+                // Ignore control keys not resulting in new input data
+                // TODO: Remove this and move the entire block into `onInput`
+                //       once Safari supports `InputEvent.data`
+                return;
+            }
+
+            let termIndex = null;
+            let termType = this.termType;
+            if (isTerm) {
+                if (input.selectionEnd === input.value.length) {
+                    // Cursor is at the end of the input
+                    termIndex = Number(input.parentNode.dataset.index);
+                    termType = input.parentNode.dataset.type;
+                } else if (input.selectionStart === 0) {
+                    // Cursor is at the start of the input
+                    termIndex = Number(input.parentNode.dataset.index);
+                    if (termIndex === 0) {
+                        // TODO: This is bad, if it causes problems, replace it
+                        //       with a proper `previousOperator` implementation
+                        termType = this.usedTerms[termIndex].type;
+                        termIndex -= 1;
+                    } else {
+                        termIndex -= 1;
+                        termType = this.usedTerms[termIndex].type;
+                    }
+                } else {
+                    // In case the cursor is somewhere in between, do nothing
+                    return;
+                }
+
+                if (termIndex > -1 && termIndex < this.usedTerms.length - 1) {
+                    let nextTerm = this.usedTerms[termIndex + 1];
+                    if (nextTerm.type === 'operator' || nextTerm.type === 'value') {
+                        // In between parts of a condition there's no context switch possible at all
+                        return;
+                    }
+                }
+            } else if (input.selectionEnd !== input.value.length) {
+                // Main input processing only happens at the end of the input
+                return;
+            }
+
+            let operators;
+            let value = event.key;
+            if (! isTerm || termType === 'operator') {
+                operators = this.validOperator(
+                    termType === 'operator' ? currentValue + value : value, termType, termIndex);
+                if (! operators.exactMatch && ! operators.partialMatches) {
+                    operators = this.nextOperator(value, currentValue, termType, termIndex);
+                }
+            } else {
+                operators = this.nextOperator(value, currentValue, termType, termIndex);
+            }
+
+            if (isTerm) {
+                let newTerm = null;
+                if (operators.exactMatch && operators[0].label.toLowerCase() !== value.toLowerCase()) {
+                    // The user completes a partial match
+                } else if (operators.exactMatch && (termType !== 'operator' || operators[0].type !== 'operator')) {
+                    newTerm = { ...operators[0] };
+                } else if (operators.partialMatches && termType !== 'operator') {
+                    newTerm = { ...operators[0], label: value, search: value };
+                } else {
+                    // If no match is found, the user continues typing
+                    switch (termType) {
+                        case 'operator':
+                            newTerm = { label: value, search: value, type: 'value' };
+                            break;
+                        case 'logical_operator':
+                        case 'negation_operator':
+                            newTerm = { label: value, search: value, type: 'column' };
+                            break;
+                    }
+                }
+
+                if (newTerm !== null) {
+                    let label = this.insertTerm(newTerm, termIndex + 1);
+                    this.autoSubmit(label.firstChild, 'insert', { [termIndex + 1]: newTerm });
+                    this.complete(label.firstChild, { term: newTerm });
+                    $(label.firstChild).focus({ scripted: true });
+                    event.preventDefault();
+                }
+            } else {
+                if (operators.partialMatches) {
+                    this.exchangeTerm();
+                    this.togglePlaceholder();
+                } else if (operators.exactMatch) {
+                    if (termType !== operators[0].type) {
+                        this.autoSubmit(input, 'exchange', this.exchangeTerm());
+                    } else {
+                        this.clearPartialTerm(input);
+                    }
+
+                    this.addTerm({ ...operators[0] });
+                    this.autoSubmit(input, 'add', { [this.usedTerms.length - 1]: operators[0] });
+                    this.togglePlaceholder();
+                    event.preventDefault();
+                } else if (termType === 'operator') {
+                    let partialOperator = this.getOperator(currentValue);
+                    if (partialOperator !== null) {
+                        // If no match is found, the user seems to want the partial operator.
+                        this.addTerm({ ...partialOperator });
+                        this.clearPartialTerm(input);
+                    }
+                }
+            }
+        }
+
+        onInput(event) {
+            let input = event.target;
+            let termIndex = Number(input.parentNode.dataset.index);
+
+            if (this.hasSyntaxError(input)) {
+                // pass
+            } else if (termIndex >= 0) {
+                let value = this.readPartialTerm(input);
+                if (! this.checkValidity(input)) {
+                    this.reportValidity(input);
+                    // Let inputs also grow upon invalid input
+                    this.updateTermData({ label: value }, input);
+                    return;
+                } else if (value && ! ['column', 'value'].includes(input.parentNode.dataset.type)) {
+                    this.autoSubmit(input, 'save', { [termIndex]: this.saveTerm(input) });
+                }
+            } else if (this.termType === 'operator' || this.termType === 'logical_operator') {
+                let value = this.readPartialTerm(input);
+
+                if (value && ! this.validOperator(value).partialMatches) {
+                    let defaultTerm = this.termType === 'operator'
+                        ? { ...this.relational_operators[0] }
+                        : { ...this.logical_operators[0] };
+
+                    if (value !== defaultTerm.label) {
+                        this.addTerm(defaultTerm);
+                        this.togglePlaceholder();
+                    } else {
+                        this.exchangeTerm();
+                        this.togglePlaceholder();
+                    }
+                }
+            }
+
+            super.onInput(event);
+        }
+
+        onPaste(event) {
+            if (! this.hasTerms()) {
+                super.onPaste(event);
+            } else if (! this.input.value) {
+                let terms = event.clipboardData.getData('text/plain');
+                if (this.termType === 'logical_operator') {
+                    if (! this.validOperator(terms[0]).exactMatch) {
+                        this.registerTerm({ ...this.logical_operators[0] });
+                    }
+                } else if (this.termType !== 'column') {
+                    return;
+                }
+
+                this.submitTerms(this.termsToQueryString(this.usedTerms) + terms);
+                event.preventDefault();
+            }
+        }
+    }
+
+    return FilterInput;
+});
diff --git a/asset/js/widget/SearchBar.js b/asset/js/widget/SearchBar.js
new file mode 100644
index 0000000..276de17
--- /dev/null
+++ b/asset/js/widget/SearchBar.js
@@ -0,0 +1,81 @@
+define(["../notjQuery"], function ($) {
+
+    "use strict";
+
+    class SearchBar {
+        constructor(form) {
+            this.form = form;
+            this.filterInput = null;
+        }
+
+        bind() {
+            $(this.form.parentNode).on('click', '[data-search-editor-url]', this.onOpenerClick, this);
+
+            return this;
+        }
+
+        refresh(form) {
+            if (form === this.form) {
+                // If the DOM node is still the same, nothing has changed
+                return;
+            }
+
+            this.form = form;
+            this.bind();
+        }
+
+        destroy() {
+            this.form = null;
+            this.filterInput = null;
+        }
+
+        setFilterInput(filterInput) {
+            this.filterInput = filterInput;
+
+            return this;
+        }
+
+        onOpenerClick(event) {
+            let opener = event.currentTarget;
+            let editorUrl = opener.dataset.searchEditorUrl;
+            let filterQueryString = this.filterInput.getQueryString();
+            let layout = document.getElementById('layout');
+
+            editorUrl += (editorUrl.indexOf('?') > -1 ? '&' : '?') + filterQueryString;
+
+            // Disable pointer events to block further function calls
+            opener.style.pointerEvents = 'none';
+
+            let observer = new MutationObserver((mutations) => {
+                for (let mutation of mutations) {
+                    if (mutation.type === 'childList') {
+                        mutation.removedNodes.forEach((node) => {
+                            // Remove the pointerEvent none style to make the button clickable again
+                            // after the modal has been removed
+                            if (node.id === 'modal') {
+                                opener.style.pointerEvents = '';
+                                observer.disconnect();
+                            }
+                        });
+                    }
+                }
+            });
+
+            observer.observe(layout, {childList: true});
+
+            // The search editor should open in a modal. We simulate a click on an anchor
+            // appropriately prepared so that Icinga Web 2 will handle it natively.
+            let a = document.createElement('a');
+            a.classList.add('modal-opener');
+            a.href = editorUrl;
+            a.dataset.noIcingaAjax = '';
+            a.dataset.icingaModal = '';
+
+            opener.parentNode.insertBefore(a, opener.nextSibling);
+            a.click();
+            a.remove();
+        }
+    }
+
+    return SearchBar;
+});
diff --git a/asset/js/widget/SearchEditor.js b/asset/js/widget/SearchEditor.js
new file mode 100644
index 0000000..b8235f0
--- /dev/null
+++ b/asset/js/widget/SearchEditor.js
@@ -0,0 +1,79 @@
+define(["../notjQuery", "../vendor/Sortable"], function ($, Sortable) {
+
+    "use strict";
+
+    class SearchEditor {
+        constructor(form) {
+            this.form = form;
+        }
+
+        bind() {
+            $(this.form).on('end', this.onRuleDropped, this);
+
+            this.form.querySelectorAll('ol').forEach(sortable => {
+                let options = {
+                    scroll: true,
+                    group: 'rules',
+                    direction: 'vertical',
+                    invertSwap: true,
+                    handle: '.drag-initiator'
+                };
+
+                Sortable.create(sortable, options);
+            });
+
+            return this;
+        }
+
+        refresh(form) {
+            if (form === this.form) {
+                // If the DOM node is still the same, nothing has changed
+                return;
+            }
+
+            this.form = form;
+            this.bind();
+        }
+
+        destroy() {
+            this.form = null;
+            this.filterInput = null;
+        }
+
+        onRuleDropped(event) {
+            if (event.to === event.from && event.newIndex === event.oldIndex) {
+                // The user dropped the rule at its previous position
+                return;
+            }
+
+            let placement = 'before';
+            let neighbour = event.to.querySelector(':scope > :nth-child(' + (event.newIndex + 2) + ')');
+            if (! neighbour) {
+                // User dropped the rule at the end of a group
+                placement = 'after';
+                neighbour = event.to.querySelector(':scope > :nth-child(' + event.newIndex + ')')
+                if (! neighbour) {
+                    // User dropped the rule into an empty group
+                    placement = 'to';
+                    neighbour = event.to.closest('[id]');
+                }
+            }
+
+            // It's a submit element, the very first one, otherwise Icinga Web 2 sends another "structural-change"
+            this.form.insertBefore(
+                $.render(
+                    '<input type="hidden" name="structural-change[1]" value="' + placement + ':' + neighbour.id + '">'
+                ),
+                this.form.firstChild
+            );
+            this.form.insertBefore(
+                $.render('<input type="submit" name="structural-change[0]" value="move-rule:' + event.item.id + '">'),
+                this.form.firstChild
+            );
+
+            $(this.form).trigger('submit');
+        }
+    }
+
+    return SearchEditor;
+});
diff --git a/asset/js/widget/TermInput.js b/asset/js/widget/TermInput.js
new file mode 100644
index 0000000..f85115f
--- /dev/null
+++ b/asset/js/widget/TermInput.js
@@ -0,0 +1,128 @@
+define(["BaseInput"], function (BaseInput) {
+
+    "use strict";
+
+    class TermInput extends BaseInput {
+        constructor(input) {
+            super(input);
+
+            this.separator = ' ';
+            this.ignoreSpaceUntil = null;
+            this.ignoreSpaceSince = null;
+        }
+
+        reset() {
+            super.reset();
+
+            this.ignoreSpaceUntil = null;
+            this.ignoreSpaceSince = null;
+        }
+
+        writePartialTerm(value, input) {
+            if (this.ignoreSpaceUntil !== null && this.ignoreSpaceSince === 0) {
+                value = this.ignoreSpaceUntil + value;
+            }
+
+            super.writePartialTerm(value, input);
+        }
+
+        readFullTerm(input, termIndex = null) {
+            let termData = super.readFullTerm(input, termIndex);
+            if (this.ignoreSpaceUntil !== null && termData.label[this.ignoreSpaceSince] === this.ignoreSpaceUntil) {
+                if (termData.label.length - 1 === this.ignoreSpaceSince
+                    || termData.label.slice(-1) !== this.ignoreSpaceUntil
+                    || (this.ignoreSpaceSince === 0 && (termData.label.length < 2
+                        || termData.label.slice(0, 1) !== this.ignoreSpaceUntil)
+                    )
+                ) {
+                    return false;
+                }
+            }
+
+            return termData;
+        }
+
+        addTerm(termData, termIndex = null) {
+            if (this.ignoreSpaceUntil !== null) {
+                if (this.ignoreSpaceSince === 0 && termData.label[this.ignoreSpaceSince] === this.ignoreSpaceUntil) {
+                    termData.label = termData.label.slice(1, -1);
+                }
+
+                this.ignoreSpaceUntil = null;
+                this.ignoreSpaceSince = null;
+            }
+
+            super.addTerm(termData, termIndex);
+        }
+
+        complete(input, data) {
+            data.exclude = this.usedTerms.map(termData => termData.search);
+
+            super.complete(input, data);
+        }
+
+        /**
+         * Event listeners
+         */
+
+        onSubmit(event) {
+            super.onSubmit(event);
+
+            this.ignoreSpaceUntil = null;
+            this.ignoreSpaceSince = null;
+        }
+
+        onKeyDown(event) {
+            super.onKeyDown(event);
+            if (event.defaultPrevented) {
+                return;
+            }
+
+            let label = event.target.parentNode;
+            if (label.dataset.index >= 0) {
+                return;
+            }
+
+            if (event.key !== this.separator) {
+                return;
+            }
+
+            let addedTerms = this.exchangeTerm();
+            if (addedTerms.length) {
+                this.togglePlaceholder();
+                event.preventDefault();
+                this.autoSubmit(this.input, 'exchange', addedTerms);
+            }
+        }
+
+        onKeyUp(event) {
+            super.onKeyUp(event);
+
+            let label = event.target.parentNode;
+            if (label.dataset.index >= 0) {
+                return;
+            }
+
+            if (this.ignoreSpaceUntil !== null) {
+                // Reset if the user changes/removes the source char
+                let value = event.target.value;
+                if (value[this.ignoreSpaceSince] !== this.ignoreSpaceUntil) {
+                    this.ignoreSpaceUntil = null;
+                    this.ignoreSpaceSince = null;
+                }
+            }
+
+            let input = event.target;
+            switch (event.key) {
+                case '"':
+                case "'":
+                    if (this.ignoreSpaceUntil === null) {
+                        this.ignoreSpaceUntil = event.key;
+                        this.ignoreSpaceSince = input.selectionStart - 1;
+                    }
+            }
+        }
+    }
+
+    return TermInput;
+});